Changing Text Color with Div

  • I know this may seem like a simple fix but for some reason I cannot get the coding right. I am currently working offline on mamp with a wordpress site and Im trying to change the font color for this div:

    <div id="top-banner" class="top-banner text-style-inline style-source-custom v-align-middle has-custom-color has-custom-bg has-custom-bg-color has-custom-bg-image" style="color:#000000 !important;height:100px;background-color:#000000 !important;background-attachment:scroll;background-image:url(https://localhost:8888/sbraceteam/wp-content/themes/camyno/assets/img/patterns/hixs_pattern_evolution.png);background-position:center center;"><div><div class="wrap has-clearfix"><div class="cv-user-font has-clearfix"><div class="banner-title has-clearfix"><h3>Team Strictly Business</h3></div><ul class="bread-crumbs">
<li><a href="https://localhost:8888/sbraceteam">Home</a></li>
<li><span>Team</span></li>
</div></div></div></div>

    ‘Looking to change the style=”color:#e4e4e4..”‘

    I have tried using the css titles:

    #top-banner
.top-banner
.top-banner text-style-inline style-source-custom v-align-middle has-custom-color has-custom-bg has-custom-bg-color has-custom-bg-image

    but nothing seems to be working…am I missing something?

Viewing 1 replies (of 1 total)

  • Hi jspano,

    You will need to find the id or class of a parent element of that top-banner div so you can craft a rule that will win the specificity war over that inline style with !important on it.

    Replace #some-parent-id in the example below with the actual id of the parent element:

    #some-parent-id #top-banner {color:#e4e4e4; !important;}

    Hope this helps!

    Christi

Viewing 1 replies (of 1 total)
  • The topic ‘Changing Text Color with Div’ is closed to new replies.