Widget color

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #13334
    corey87
    Customer

      Hi! The default colors of my widgets do not work, they are all white except for the dark gray. How can I adjust it?
      Another question: you could tell me where to edit the CSS to change the style of the title page?
      Thank you very much!

      link: http://besthairsolutionprofessional.com/

      #13339
      Eric
      Customer

        Your link isn’t working at the moment. Let us know when you have the site back up and I can help.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #13340
        corey87
        Customer

          Please try now. Thanks!

          #13348
          Wes
          Moderator

            @corey87 I just checked but everything seems to be working normally. Did you get it fixed?

            Which title page are your referring to exactly? Or did you mean the title area of your pages?

            Nice site by the way! Send me a link to the showcase when you’re done with it.

            #13353
            corey87
            Customer

              Thanks Wes!
              No I didn’t. In the demo there are 3 colors, I have 1 widget dark grey and the others white. The problem starts from the “home featured #3” widget.

              I mean the title of the pages, such as this “shampoo capelli trattati” on this page: http://besthairsolutionprofessional.com/prodotti-professionali-per-capelli/shampoo-capelli-trattati/

              Thanks for your help

              #13376
              Wes
              Moderator

                “The default colors of my widgets do not work, they are all white”

                Which part of the widgets are you referring to exactly? I don’t see a home-feature-3 widget active on your site.

                #13381
                corey87
                Customer

                  The home feature #3 (gray) in my site is white.
                  The home feature #7 (gray) in my site is white.
                  The home feature #9 (gray) in my site is white.

                  #13396
                  Wes
                  Moderator

                    Ok, so you’re referring to the background colors.

                    You changed your body (main) background to white #fff….and the widget areas that were gray were empty (didn’t have/need a color applied to them). So by default they would show a gray background since that was the background of the theme. If you want to keep the background as white then you can apply a background color directly to those widget areas. Take a look around line 1584 in your style.css and you can add a background to those 3 sections –

                    /*
                    Home Features
                    ---------------------------------------------------------------------------------------------------- */
                    
                    /* Home Feature Classes */
                     
                    /*You can add background images/colors to each section of the homepage by adding them to the classes below.
                    */
                    
                    .hf1,
                    .hf3,
                    .hf4,
                    .hf5,
                    .hf6,
                    .hf7,
                    .hf8,
                    .hf9,
                    .hf14 {
                    	/* -webkit-background-size: cover; */
                    	-moz-background-size: cover;
                    	/* background-attachment: fixed; */
                    	/* background-repeat: no-repeat; */
                    	/* background-size: cover; */
                    }
                    
                    .hf1 {}
                    
                    .hf3 {}
                    
                    .hf4 {}
                    
                    .hf5 {}
                    
                    .hf6 {}
                    
                    .hf7 {}
                    
                    .hf8 {}
                    
                    .hf9 {}
                    
                    .hf14 {}

                    Add your background colors to hf3, hf7, and hf9 like this (for example) –

                    .hf3 {
                        background-color: #f2f2f2;
                    }
                    #13407
                    corey87
                    Customer

                      Thanks, I tried to do it but it does not work. I do something wrong?

                      /* Home Feature Classes */

                      /*You can add background images/colors to each section of the homepage by adding them to the classes below.
                      */

                      .hf1,
                      .hf3,
                      .hf4,
                      .hf5,
                      .hf6,
                      .hf7,
                      .hf8,
                      .hf9,
                      .hf14 {
                      -webkit-background-size: cover;
                      -moz-background-size: cover;
                      background-attachment: fixed;
                      background-repeat: no-repeat;
                      background-size: cover;
                      }

                      .hf1 {}

                      .hf3 {}

                      .hf4 {}

                      .hf5 {}

                      .hf6 {}

                      .hf7 {}

                      .hf8 {}

                      .hf9 {
                      background-color: #f2f2f2;
                      }

                      .hf14 {}

                      #13445
                      corey87
                      Customer

                        After one day the code worked (perhaps through the update of wordpress). But now I tried to change the color and it does not work. I empty the cache and update, I do not understand!

                        #13447
                        Wes
                        Moderator

                          I don’t see any code added for hf3 or hf7, it looks like you only added a color to hf9.

                          When you make updates to your css make sure and hit your reload button on your browser so it will clear the cache and enable you to see the latest changes instantly.

                          #13456
                          corey87
                          Customer

                            It was a problem of my device.
                            Thank you very much

                            #13457
                            Wes
                            Moderator

                              You’re Welcome!

                              Just let us know if you run into any other issues, I’d be more than happy to help.

                            Viewing 13 posts - 1 through 13 (of 13 total)
                            • The topic ‘Widget color’ is closed to new replies.