WordPress.org

Ready to get started?Download WordPress

Forums

css font color (7 posts)

  1. isign4jc
    Member
    Posted 5 years ago #

    I cannot figure out why my page is not getting the proper font color from the stylesheet. I can't see the text in the left or right boxes because it is defaulting to a dark color, instead of taking it's rightful color, white. Here is the page it's happening on: http://www.bygraceonline.org/index.html/ This site is technically not up yet and is VERY much in progress right now. Any insight would be helpful!

  2. s_ha_dum
    Member
    Posted 5 years ago #

    In basic.css you have <p> tag with the color defined as black. In byGrace_main.css you have a <div class='padbox_left'> with color defined as white but inside that tag you have a <p> tag which contains your text. Paragraph text is black as defined in basic.css.

    Either remove the global <p> tag text color and define colors less globally according to your content columns or try .padbox_lefttext p {color: #fff} to overwrite the global declaration.

  3. stvwlf
    Member
    Posted 5 years ago #

    Hi

    You applied the #ffffff to the wrong page element. You applied it to the containing <div> not to the <p> element, so the default stylesheet styling for <p> color: #3A3A3C from basic.css line 2 is being applied.

    If you want to change the color of <p> sitewide, you can change it on line 2 there.

    If you want that to remain as default site color for <p> and want the side column <p>'s to be in white, add this to your
    byGrace_main.css file, around line31

    .padbox_lefttext p, .padbox_righttext p { #ffffff }

  4. isign4jc
    Member
    Posted 5 years ago #

    Thank you both for your advice! these forums are so helpful! i ended up having to add the word "color" to the above code to make it work. So mine looks like this:

    .padbox_lefttext p, .padbox_righttext p { color: #ffffff }

    So, there's no way to force all text inside the .padbox_lefttext and .padbox_righttext to be white? If not, it looks like I will have to add the white color individually to all font styles, like headers and such.

  5. t31os
    Member
    Posted 5 years ago #

    .padbox_lefttext *,
    .padbox_righttext * {color#fff!important}

    Will force any element inside the 2 padboxes to have a color of white..

  6. isign4jc
    Member
    Posted 5 years ago #

    excellent! i tried that out, but had to add the colon after color to make it work. thanks!!!

  7. t31os
    Member
    Posted 5 years ago #

    Whoops, yeah that might help.....

    Typo... :)

Topic Closed

This topic has been closed to new replies.

About this Topic