• Resolved dolphuslloyd

    (@dolphuslloyd)


    Hello,

    I know this is a seriously rookie question, but I’m not quite sure what to search for.

    All I want to do is make it so our website’s text has highlight around it (white text over black highlight). Since manually doing it is absurd, I imagine I’d want to change the p class in style.css. That and Optimizer doesn’t offer this as an option.

    Is there a way to add
    background-color:#000000; ?

    And if so, where? I thought placing it in here:

    
    body{ background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999;}
    .center{ width:85%; margin:0 auto;}
    img{max-width:100%}
    h1, h2, h3, h4, h5, h6 { line-height: 1.7em;}
    
    /*Full width pages*/
    body .no_sidebar{ width:100%;}

    but no dice, am I missing something? Has someone already asked this question? is it glaringly obvious?

    again, sorry to ask such an inane question, but I’m not quite confident with html/css to completely understand how optimizer works under the hood.

    regards,
    D

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    By Black highlight, do you mean you want your website background to be black?

    Thread Starter dolphuslloyd

    (@dolphuslloyd)

    Hi OptimizerWP,

    No, I mean our website has a picture background but the text doesn’t have clarity against it. I would like all of the text to be ‘highlighted’, but just the text. Sort of like Mozilla’s new logo, if that makes sense. (Just the p and h background color).
    Kind of like this:
    https://www.w3schools.com/code/tryit.asp?filename=FF2NOA16DF92
    but for all text on the site.

    Our current website is brain-arts.org. I’d like to keep the background image (for the rest of the pages, not home) but it feels like the text is too illegible.

    thanks!

    Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    You can try adding this to Customize > Misc. > Custom Code > Custom CSS:

    .stat_content_inner { -webkit-text-stroke: 3px #3d57d5; font-weight: bold;}

    Thanks

    Thread Starter dolphuslloyd

    (@dolphuslloyd)

    Hi OptimizerWP,

    That piece didn’t achieve what I wanted, but the custom css box was where I was looking for all along. Thank you!

    • This reply was modified 9 years, 1 month ago by dolphuslloyd. Reason: adding resolved
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Add highlight to CSS’ is closed to new replies.