White text is automatically grey

  • travelsketches

    (@travelsketches)


    9 years, 7 months ago

    For the website I am editing bi-amman.org.uk, the main title is always grey, even though I set it to white. This may have to do with the fact I took the header out of the container, because I didn’t want a white container in the middle of my banner. Is there a way to make the text white without it being in a container?
    Thanks.

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

    (@lelandf)

    9 years, 7 months ago

    Can you share a link to your site? This can probably be resolved with a simple CSS fix.

    Suyogya Shukla

    (@themeislesupport)

    9 years, 7 months ago

    Hey @travelsketches,

    Can you please post a screenshot of the affected area? Thanks!

    ThemeSumo

    (@themesumo)

    9 years, 7 months ago

    This is a z-index issue, the background color applied to your image-banner div is showing on top of your text, forcing it to be grey.

    I corrected this for the first line of text by adding this to your Custom CSS:

    .block-title {
    z-index: 99999;
}

    You can apply the same fix to the second line if you change it from a div to a heading like the first line, for example:

    <h3 style="visibility: visible; animation-name: zoomIn;" class="block-title second-title wow zoomIn"> مدونة المعهد البريطاني في عمّان </h3>

    You can tidy it up by adding this to your CSS:

    .frontpage-banner.image-banner.frontpage-banner .block-title.second-title {
    font-size: 42px;
}
.frontpage-banner.image-banner.frontpage-banner .block-title.second-title:after {
    border: 0;
}

    The end-result is white text.

    Hope this helps.

    • This reply was modified 9 years, 7 months ago by ThemeSumo.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘White text is automatically grey’ is closed to new replies.