(SKT Food) Trying to Make a White Space

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #130441
    Nicolas Florez
    Participant
    • Topics: 3
    • Replies: 5
    • Total: 8
    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: 23109
    • Total: 23109
    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: 3
    • Replies: 5
    • Total: 8
    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: 23109
    • Total: 23109
    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: 3
    • Replies: 5
    • Total: 8
    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: 23109
    • Total: 23109
    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: 3
    • Replies: 5
    • Total: 8
    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: 23109
    • Total: 23109
    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.