(SKT Food) Trying to Make a White Space

Home Forums All Other Themes (SKT Food) Trying to Make a White Space

This topic contains 7 replies, has 2 voices, and was last updated by  Forum Moderator 6 days, 14 hours ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #130441

    Nicolas Florez
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: August 31, 2019

    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:

    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:

    View post on imgur.com

    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?

    #130492

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    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

    #130561

    Nicolas Florez
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: August 31, 2019

    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?

    #130582

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    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

    #130584

    Nicolas Florez
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: August 31, 2019

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

    Thank you so much for the help!

    #130587

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    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

    #130629

    Nicolas Florez
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: August 31, 2019

    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.

    #130639

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21705
    • Total: 21705
    Member since: August 16, 2013

    Hi,

    Kindly use this one

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

    Regards,
    Chris

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.