css inherit element

  • mac987

    (@mac987)


    8 years ago

    hi

    see this page

    css inheit link on page

    the headings at the top i have added a span style element so i can control aspects of the text, the only css element i cant control is the color element as it states inherit when i debug it

    is there anyway i can control the color option of this text ?

    heres the span within the wordpress page

    <span style=”font-size: 22px; display: block; color: #e8740e !important; text-align: center; text-transform: none; font-weight: bold;”>Are You Over £5000 in Debt ?</span>

    all the other options apart from color work within the span

    thanks in advance

    mac

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rajan Vijayan

    (@rajanit2000)

    8 years ago

    Hi Mac.,

    Try this method

    Add this code on your page

    <span class="highlight-element">Are You Over £5000 in Debt ?</span>

    And add this code on your child theme css or custom css 

    .highlight-element {
    font-size: 22px;
    display: block;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    color: #e8740e;
}

    Thanks

    Thread Starter mac987

    (@mac987)

    8 years ago

    hi

    thanks for your reply

    i have added both and still the same

    when i look at the css via firebug the color element of the highlight css code is disabled so its still using the color inherit from somewhere

    any other ideas please ?

    thanks

    mac

    Thread Starter mac987

    (@mac987)

    8 years ago

    hi

    sorry i was too hasty

    i cleared the cache and it stayed the same ,i have left it a minute and its now changed color

    thats perfect so appreciate your help

    cheers

    mac

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘css inherit element’ is closed to new replies.