WordPress.org

1. annagater
   Member
   Posted 1 year ago #
   

   I'm creating a child theme from Redux. I've made several changes to the CSS with my child theme. I want to change the color of the text and this works on everything so far but my h3 tag. The parent color is overriding the child. WHY?!?! This is really frustrating. Any advise would be appreciated.

2. WPyogi
   Volunteer Moderator
   Posted 1 year ago #
   

   Have you tried using Firebug to look at the CSS code actually active on the h3 tags? It's a great tool.

   Or post a link to your site and someone else will likely take a look at it...

3. annagater
   Member
   Posted 1 year ago #
   

   Yep, I'm using firebug. It's a great tool! It is clearly showing that the h3 color is being picked up by the parent and not the child. Here's a link:
   http://www.buzzellidesign.com/dev/docgeno/

4. WPyogi
   Volunteer Moderator
   Posted 1 year ago #
   

   Not sure how you set up that child theme style.css file -- did you copy everything from the parent css file into it? That's not typically how child themes are set up -- though it can work -- just a lot harder to keep your CSS code organized...and if you do that, you surely don't need the @import -- that just functionally duplicates all the CSS...

   Anyway, the CSS code that is determining the color is on line 656 --

   #slider h3 {
       color: #6B96A8;
       font-size: 18px;
       line-height: 30px;
       margin: 0 0 20px;
       text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
   }

   I think your page layout is a bit messed up-- it looks like the slider section should go inside the div with class="two-thirds". As is, you have everything in the header section and the right side section inside the slider section -- so you have major layout formatting problems.

   The CSS also has a lot of duplicate code...

   You also have some mark-up errors so you might want to deal with those as they will affect layout problems.

   http://validator.w3.org/check?uri=http%3A%2F%2Fwww.buzzellidesign.com%2Fdev%2Fdocgeno%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

5. annagater
   Member
   Posted 1 year ago #
   

   Thanks for the input!

   I did copy everything from the parent so I could make universal changes via find and replace. I'm not really sure of an easier way to do this. I'm still fairly new to all of this. I tried getting rid of the @import function to see if that would work and it still didn't apply the color I wanted. It just picked up the main body color.

   The layout is right the whole section with the video and text to the right is one slide. More slides can be added in that area.

6. WPyogi
   Volunteer Moderator
   Posted 1 year ago #
   

   I changed the color in the CSS code I posted above and it worked fine...so don't know what the problem is -- though try clearing your browser cache. I think you will continue to have problems with the way the child theme CSS is set up and the layout errors -- it can't possibly be correct that the entire page is inside the header section. I was going to download the theme and look at the layout structure, but I see that it's a commercial theme. They are not generally supported here -- so you should check with the theme vendor for further help -- it's part of what you paid for.

7. annagater
   Member
   Posted 1 year ago #
   

   Ok. Thanks for your help!

Topic Closed

This topic has been closed to new replies.