I'd like to change the heading size on the multi layer parallax page. I tried adding,
body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo {
font-size: 30px;
line-height: 40px;
}
to my child theme style.css, but it does nothing. I can't change the size even if I edit the parent theme style sheet. When I change the pixel size in chrome's inspect element box it changes the font size no problem, but I can't change it through my style sheets.
I'd like to change the heading size on the multi layer parallax page. I tried adding,
body h1.jumbo, body h2.jumbo, body h3.jumbo, body h4.jumbo, body h5.jumbo, body h6.jumbo, p.jumbo {
font-size: 30px;
line-height: 40px;
}
to my child theme style.css, but it does nothing. I can't change the size even if I edit the parent theme style sheet. When I change the pixel size in chrome's inspect element box it changes the font size no problem, but I can't change it through my style sheets.
Hey,
Try using !important to increase the power of the css attribute. Also see : https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .
Thanks
ThemeNectar Support Team