Archived topic

Single Post With Sidebar Increase Width

5 replies · Started by Gopi on March 27, 2021

Viewing posts 1–6 of 6

March 27, 2021 at 1:15 am #1711570

I want to change the Single Post With Sidebar Increase Width, i have tied this code additional CSS but no luck and

body.single .site.grid-container {
    max-width: 1000px;
}

am using Read Site design for my blog.

Need to increase width of the Single Post With Sidebar only

March 27, 2021 at 9:54 am #1712247

Hi Gopi,

Your current container width for single post is 1300px, you could try this CSS, feel free to adjust the number.

.single-post.right-sidebar #page {
    max-width: 1500px;
}

Let me know how it works :)

March 30, 2021 at 4:55 am #1715120

After adding this line of code I didn't see any change.

If I reduce less than 800 then it's reducing but not increase above 800

March 30, 2021 at 5:45 am #1715154

Hi there,

where are you adding this CSS?

April 5, 2021 at 9:13 pm #1722737

I added it in customize -> Addtional CSS

April 5, 2021 at 9:54 pm #1722754

You have this CSS on your site:

#content {
                max-width: 800px;
                margin-left: auto;
                margin-right: auto;
            }

Can you check your Appearance > Customize > Layout > Container if the content width is set to 800px.

If it's not there, can you check for any Layout Element on Appearance > elements? Check if any Layout elements have set content width to 800px.

This setting is preventing you from changing the max-width of the content.

This archived topic is closed to new replies.