css - Nested divs background colour anomaly -
i've small anomaly ('problem' not permitted word ;-)) setting background colour in nested divs driving me potty. manage site @ www.teachtoo.org wordpress-driven. i'm trying set (using handy jetpack css editor) background colour of 'bar' page title, , i've been partly successful can seen.
the page title appears in following html:
<div class="page-title-wide"> <div class="page-title-wrap"> <h2 class="left-title entry-title">home</h2> </div> </div>
i've tried following (ungainly, know) css overwrite theme styles , set background colour:
/* set background colour of 'bar' page title purple } */ .page-title-wide { background-color: #645274; } .page-title-wrap { background-color: #645274; }
the second selector's changing colour, not first. first selector works in that, if put " font-size: 300%;", happens.
this 1 of these 'issues' can stare @ ages , not see cause, hence posting here. can suggest why background-color isn't being set in .page-title-wide div?
as cms site, there scads of stylesheets loaded it's not easy dissect there 1 sheet.
i've read thread @ nested divs background-color solution there doesn't work 'issue'.
in case there additional rule somewhere else overriding statement.
line 91 of css file
/* ======================================================= * * page styles * * ======================================================== */ .page-title-wide { /* background-color: #5370b2; */ background-image: linear-gradient(to right, #093cb5, #5370b2 50%, #093cb5); color: #f9f9f9; }
Comments
Post a Comment