Blog Width

  • Posted in : Empathy
  • Daniel Goetz
    Participant

    Hello!
    Id like to know how to change the blog width,
    and make the blog a little bit wider.

    The default blog is for my opinion to slim and centered.

    If there is an easy way to change that, i would appreciate it.

    Thanks,
    Daniel

    serkan
    Moderator

    Hi Daniel,
    You can use these custom css codes;

    @media screen and (min-width: 992px) {
    .blog-single .entry-content { max-width: none; }
    .layout-fixed { max-width: 1040px; } }

    Thanks

    Daniel Goetz
    Participant

    Okay.
    Now the whole blog is wider, including images.

    My question was a little bit unclear, sorry.

    I want only the text wider.
    The text should have the same width as the standard blog image width has.

    In the standard blog style from this theme, the text is a little bit thinner than the images,
    and my goal is it, to have the text as wide as the image or maybe wider than the image is.

    The images should not change from the standard theme style in width etc.

    thanks,
    daniel

    serkan
    Moderator

    Hi Daniel,
    If you use this custom css code, content and blog image width will be the same.

    @media screen and (min-width: 768px) {
    .blog-single .entry-content { max-width: none; } }

    If you use this custom css code, text width will be wider than the image.

    .blog-single .featured-image { max-width: 700px; margin-left: auto; margin-right: auto; }
    @media screen and (min-width: 768px) { .layout-fixed { max-width: 900px; } 
    .blog-single .entry-content { max-width: none; } }

    Thanks

    Daniel Goetz
    Participant

    Okay thanks, it works!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register