Announcement

Collapse
No announcement yet.

Where Would I Find This Color Change In Stylevar?

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Where Would I Find This Color Change In Stylevar?

    For some reason i think this got changed. I think its supposed to be the gray gradient. But it looks like it is set on transparent? Im not sure what happened.

    Area in the red box.

    ​​​​​​

    #2
    Miscellaneous - content_background

    Its #FFFFFF by default and if you want to change it manually then you would open css_message_center.css and change the color code to your needs:

    Code:
    .private-message-widget .message-list .message-item {
        background: {vb:stylevar content_background};
    }

    Comment


      #3
      Originally posted by zoran_dj View Post
      Miscellaneous - content_background

      Its #FFFFFF by default and if you want to change it manually then you would open css_message_center.css and change the color code to your needs:

      Code:
      .private-message-widget .message-list .message-item {
      background: {vb:stylevar content_background};
      }
      Ok thank you i found that code. But how do i insert the color code? Could you just add the color to the code and ill copy and paste it? Mine is taking on the color of the breadcrump and background content color for some reason.

      Comment


        #4
        Do not edit code in css_message_center.css template. Always override styles in css_additional.css template.

        Code:
        .private-message-widget .message-list .message-item {
            background: blue; /* change color */
        }

        Comment


          #5
          Still not sure what im doing. Paste that code over the other code? I just want it the default silver/white color. That says background blue.

          Comment


            #6
            I said do not edit code in css_message_center.css template. Paste the code in css_additional.css template. Of course, you have to change the color to your desired value.

            Comment


              #7
              As the boss said you should open css_additional.css and paste this code for gray color for example:
              Code:
              .private-message-widget .message-list .message-item {
              background: #aab7b8;
              }
              Here you can pick any other color you want and change the color code to your likings:
              Code:
              https://htmlcolorcodes.com/

              Comment


                #8
                Can't this be done by using the style variable editor

                Comment


                  #9
                  Sweet that did it. Thanks guys.

                  Comment


                    #10
                    Originally posted by Mitch View Post
                    Can't this be done by using the style variable editor
                    Of course, it can be done; you should read my first post above.

                    Comment


                      #11
                      Ok peeps how about this one. This little black line? Im assuming its missing a 1px yellow border that fills in that spece. But as of now it just sits off the lower module header. Looks out of place. I would like to just remove it.

                      ​​​​​​

                      Comment


                        #12
                        And this lol Id like to bring the border up and remove the space.



                        Comment


                          #13
                          For the first problem you should add this code to your css_additional.css template:
                          Code:
                          .widget-header-divider {
                              border-top: 2px solid #000;
                          }
                          Now you can change 2px to 0px for example, or you can change #000 which is black to any other color you want, or you can completely remove everything by adding this to your css_additional.css template:
                          Code:
                          .widget-header-divider {
                              display: none;
                          }

                          Comment


                            #14
                            Originally posted by zoran_dj View Post
                            For the first problem you should add this code to your css_additional.css template:
                            Code:
                            .widget-header-divider {
                            border-top: 2px solid #000;
                            }
                            Now you can change 2px to 0px for example, or you can change #000 which is black to any other color you want, or you can completely remove everything by adding this to your css_additional.css template:
                            Code:
                            .widget-header-divider {
                            display: none;
                            }
                            You rock. Thank you so much. I just set the px to zero. lol

                            Comment


                              #15
                              Here is a fix for your second problem, just under all the other lines add this to your css_additional.css template:
                              Code:
                              #channel-tabbar {
                                  border: 3px solid #FCAB1F;
                                  box-sizing: border-box;
                                  height: 34px;
                              }
                              The default height is 36px, and I changed it to 34px so that that useless border is gone.

                              Comment

                              Working...
                              X