WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to change font colour on Mantra theme (7 posts)

  1. careercreatrix
    Member
    Posted 3 years ago #

    http://www.emmastangl.com

    - It looks like you can customize the colour of just about anything except the header text through the provided "Mantra Settings".

    As you can see I have this lovely mosaic background, and you can't see the text.

    I wouldn't mind making the text bigger as well (black text with white shading or outline for visibility would be a total bonus)

    I am a WordPress novice and know nothing about coding, but can follow instructions fairly well.

    Emma

  2. Tara
    Member
    Posted 3 years ago #

    currently the color you see there is #999

    Look for this css rule in your them's style.css file:

    #site-description

    In it change/specified the color you want.

  3. careercreatrix
    Member
    Posted 3 years ago #

    Thanks for your reply t-p,

    I tried that and it didn't change anything.

    I found #site-description and indeed the color was #999, I wanted to change it to all black, #000000, I saved changes, and nothing happened.

    I realized I was using Hex codes, which I found a list of on the internet, that have six digits, but the colours here only have three digits. So i tried changing it to something with three digits...still no change in appearance.

    I have followed others directions on here to try to change the style.css (space between paragraphs) and also that did not change anything....so I am starting to suspect something is wrong with the style.css?

  4. Tara
    Member
    Posted 3 years ago #

    Try clearing cache in your browser before viewing the updated page. To clear cache in your browser, press clrl+f5 keys simultaneously. Also, try different computer/different browser.

  5. careercreatrix
    Member
    Posted 3 years ago #

    Yep, once I cleared the cache, it showed the changes!

    Thanks for that tip.

  6. GeorgeGecewicz
    Member
    Posted 3 years ago #

    Also, if a style is not taking place and clearing the cache doesn't help, putting that style at the bottom of the stylesheet and/or using !important can override other styles.

    example:

    #site-description {
       color:#000 !important;
    }

    :-)

  7. Tara
    Member
    Posted 3 years ago #

    You are welcome. :-)

    Please mark thread as "resolved" using the dropdown in the right panel so that others with similar problem can see it as "resolved" and will read this thread for help if they have similar problem.

Topic Closed

This topic has been closed to new replies.

About this Topic