Change the color of text in Engrave (Lite)

  • Larry34

    (@larry34)


    9 years, 3 months ago

    Hi,
    I’m using the Engrave (Lite) theme
    I’d like the text on my site to be Black instead of grey. How do I do this?
    also, how can I change the font? and the font size?
    I really want the text to pop more on the pages
    help would be great!
    Thanks in advance
    Larry
    my site is below

    http://www.incrediblekidscircus.com/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Tahoerock

    (@tahoerock)

    9 years, 3 months ago

    Hi Larry
    concernig font color:
    put this code to your style.css child theme,
    or
    use plugin like Simple-custome-css
    or
    put the code to your site admin – Appearance>ThemeOptions>CSS

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, del, dfn, em, font, q, s, samp, strike, strong, ol, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr {
color: black;
}

    Concerning font and font size:
    you have to specify where and what text you want to change. This is more specific.
    Cheers for now
    Tahoe Rock

    Tahoerock

    (@tahoerock)

    9 years, 3 months ago

    …..and for a footer to stay as they are

    #sub-footer-core {
color: #777!important;
}
    Thread Starter Larry34

    (@larry34)

    9 years, 2 months ago

    Thank you. I have not made a child theme. I tried using child themify, but it does not look right at all. Do you know the best way to create a child theme for this theme?

    Thread Starter Larry34

    (@larry34)

    9 years, 2 months ago

    Figured out the child theme issue, and applied the code to my site and it looks much better!
    So as far as changing font size and style, It’s the main text for the site pretty much the content text. I’d just like it to be a little bigger?
    Thanks

    Tahoerock

    (@tahoerock)

    9 years, 2 months ago

    Hi Larry
    Sorry for delay. Weekend and a lot of duties to catch
    Anyway it is easy call:

    div #main-core {
font-family: inherit;
font-size: 125%;
}

div .entry-content  {
font-family: inherit;
font-size: 125%;
}

or

div #main-core {
font-family: inherit;!important
font-size: 125%;!important
}

div .entry-content  {
font-family: inherit;!important
font-size: 125%;!important
}

    font-family: inherit; ………you can use some other font family here like sans-serif instead of inherit or so
    font-size: 100%; ……….you can change it to bigger size here, like 120% or so

    take a look here on font families

    Hope this would be helpfull
    Cheers
    Tahoe Rock

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change the color of text in Engrave (Lite)’ is closed to new replies.