BG and Text Color

  • Hi! I am trying to change the background color of my entire website. I went to Customizing > Colors > Background Color – and changed to #fff but the background is still #000 … why is this so?

    I cannot find anyway else that is set to #000 on dashboard of WP and my Additional CSS does not interfere with this too.

    in Customizing > Colors > Background Color ;
    There is also this “Header Text Color” – may I know which text color does this change specifically? I cannot pinpoint it.

    —
    Along with this, I will also need to change certain text font colors. May I know how do I do this?

    I have tried to use Custom CSS, but I can’t find all the css class and ID targetted specially for this theme Lodestar. Where can I find the list?

    So far I only found:
    .entry-content
    .p
    .entry-title, site-title, site-description, .post and .a classes

    Hope to get some clarity to help me do the CSS work.

    Thank you!

    The page I need help with: [log in to see the link]

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

  • Hello there,

    Happy to help you with this.

    Hi! I am trying to change the background color of my entire website. I went to Customizing > Colors > Background Color – and changed to #fff but the background is still #000 … why is this so?

    It looks like this CSS is overwriting this option.

    
body {
    background: #000;
}

    It exists here: https://staging17.meide.sg/wp-content/litespeed/cssjs/3336a.css?b8c45

    Is Lightspeed a plugin in use?

    I have tried to use Custom CSS, but I can’t find all the css class and ID targetted specially for this theme Lodestar. Where can I find the list?

    Can you show me where these need to change please?

    Many thanks.

    Thread Starter meideserve

    (@meideserve)

    Thanks a lot Adam!
    Litespeed Cache minified the CSS. I deactivated and debugged… and managed to change the BG color via editing style.css in WP CONTENT > Lodestar.
    I have re activated Litespeed Cache again.

    Anyway, can I ask:
    1. Is there a mask or overlay color to the front page main image? It seems a bit darker than the original image i uploaded. If so, how do I adjust the color overlay or opacity?
    2. CSS to change the color of the border/padding around each testimonial at : https://staging17.meide.sg/testimonial/

    Meanwhile, I’m slowly trying to find out the required ID/class via the styles.css and also Google Chrome > Inspect > Elements… (with litespeed css minify disabled)

    Hi there!

    Is there a mask or overlay color to the front page main image?

    This would be the code to add:

    /* change background overlay on header */
body:not(.no-header-image) .custom-header-image:before, 
.lodestar-front-page .custom-header-image:before {
  background: rgba(0,0,0,.5);
}

    You will want to adjust the RGB color manually. The last digit is transparency.

    CSS to change the color of the border/padding around each testimonial

    You’ll want to add and adjust this piece of code:

    /*Add border to testimonials*/
.jetpack-testimonial .entry-content {
    border: 20px solid #000;
}

    You can change the 20px to adjust the thickness of the border, and the #000 to another color code of your choice.

    I hope that helps :).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘BG and Text Color’ is closed to new replies.

Tags