Changing content width on posts only

  • Resolved bagsalwayspacked

    (@bagsalwayspacked)


    4 years, 6 months ago

    Hi,

    I am using the theme Ashe and want to change the content margins on posts only.

    Ideally what I want is the pages to stay the same (full width) but for the posts to have:
    full width header and footer
    full width featured image (if possible, not essential)
    85% width for all the content on every post.

    I also want this only to be for viewing on a desktop. For phone’s, I would prefer for it all to remain full widths for easier viewing.

    I’ve tried adding CSS that I’ve found in other forum posts however I don’t see any changes. I’m not sure if I’m somehow doing it wrong or if it is just the wrong code so if someone could advise me on how to actually add the CSS as well that would be amazing.

    At the moment I have just been coping the CSS > going to Appearance > Customise > Additional CSS > Pasting the code > Pressing Publish …and seeing no change

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

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

  • Hi @bagsalwayspacked

    At first, thank you for your response and for choosing our theme.

    Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    .post-content {
  width: 85% !important;
}

    Kind Regards

    Thread Starter bagsalwayspacked

    (@bagsalwayspacked)

    I tried that but it applied it to every page, not just the posts.

    Is there a code to add in that only applies it to blog posts rather than the whole site and centres it as well as excluding the CSS from phones?

    Thread Starter bagsalwayspacked

    (@bagsalwayspacked)

    I’ve managed to make it centred as well as only on desktops by using this CSS:

    @media only screen and (min-width: 1025px) {
    .post-content {
    width: 80% !important; margin: auto;
    }

    The last thing I would like to know if there is a way for it only to be applied to blog posts rather than every page (like the home page) without having to manually apply the CSS to each post.

    Thanks for your help!

    Hi @bagsalwayspacked

    Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    .single-post .post-content {
  width: 80% !important;
  margin: 0 auto !important;
}

    Kind Regards

    Theme Author WP Royal

    (@wproyal)

    Hi,
    If you have any other Questions feel free to open a new Forum Support Topic and we will do our Best to help you.
    Kind Regards,
    Nick

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing content width on posts only’ is closed to new replies.