Reduce width ONLY the article (In a width template)

  • Resolved toocontent

    (@toocontent)


    5 years, 5 months ago

    Dear,
    I can handle it with CSS (but not too much).
    I have a full width template, but for the blog articles only I need to reduce the width of the text (here is the layout I’m inspired by, https://thevision.com/attualita/lavoro-domestico/)
    I tried with the css P or Body, both padding and margin, but in this way it also changes the content of the footer and header.
    Can someone help me ?
    thank you so much that I will be answered

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

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

  • If you only need to adjust the width of your blog articles, you can try adding this CSS rule:

    .single-post .site-container {
   max-width: 1178px;
}

    Adjust the value as needed. I see you already added a rule to your custom CSS to adjust the .site-container to 1178px. Adding the .single-post selector will focus the rule on your blog posts.

    You can also use a percentage, like 50% or 75%. I personally like using percentages instead of set pixels.

    Thread Starter toocontent

    (@toocontent)

    Thanks @crouchingbruin. I tried but have the same problem: this rule changes the site-container, but also header and footer.

    OK, it looks like you found a solution. I had thought you meant the site header and footer and not the article header & footer.

    Thread Starter toocontent

    (@toocontent)

    @crouchingbruin Thanks to your indication, I found this solution:

    .single-post .entry-content {
    max-width: 50%;
    margin-left: 25%;
    }

    Hope can be useful to somebody else !
    Thanks again

    Thread Starter toocontent

    (@toocontent)

    thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce width ONLY the article (In a width template)’ is closed to new replies.