(SKT Food) Trying to Make a White Space

[Nicolas Florez]

So, I’m currently building a website and I’m having some trouble with the design. Here, this is the current version of one of the pages:

https://thepizzablueprint-246f52.easywp.com/cashew-cheese/

If you take a look at where the text is, you can see the issue. What I’d like to do is something like this:

https://imgur.com/a/zTKyf4M

I’d like to have a white background here, so I can make the text black and everything is readable without straining the reader’s eyes. However, I have been unable to modify the code using CSS to make it happen.

Can someone help me?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.single-post .blog-post-repeat p {
    color: #282828 !important;
}
.single-post .blog-post-repeat {
    background: #fff !important;
    padding: 20px !important;
}

Regards,
Chris

[Nicolas Florez]

That worked perfectly. Many thanks!

If I want to do the same on the Articles of Interest area near the bottom of the homepage (https://thepizzablueprint-246f52.easywp.com) or pages like (https://thepizzablueprint-246f52.easywp.com/ingredients-2/), do I use that same code, but replacing the .single-post with the right coding?

[Sonnal S Sinha]

Hi,

Kindly use this CSS

.page .blog-post-repeat p {
    color: #282828 !important;
}
.page .blog-post-repeat {
    background: #fff !important;
    padding: 20px !important;
}

Regards,
Chris

[Nicolas Florez]

Oh! Okay, thanks. I think I see how this works, yup.

Thank you so much for the help!

[Sonnal S Sinha]

Hi Nicolas,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/23/

Regards,
Chris

[Nicolas Florez]

So, I put in the code left here in the thread but for some reason it isn’t working. The code for the individual post with the recipe did work, but the second one, for the pages, didn’t change anything.

[Sonnal S Sinha]

Hi,

Kindly use this one

.site-main {
    padding: 20px !important;
    background: #fff !important;
    box-sizing: border-box;
}

Regards,
Chris

[Author]

Posts