-
Posts
-
Hi!
I am building my blog page using the masonry gallery : http://unpackdesign.com.br/blog2/
I would like for this only page to be with 100% width, but to keep the side bar in the sabe proportions. I tried this code, but it did not work:
.page-id-1260 .container {
max-width: 100%;
}Can you help me?
Hey michellerunge,
What do you mean 100% width with the same sidebar proportion? Are you trying to shrink the sidebar size?
Best regards,
Jordan ShannonHi Jordan!
I did a photoshop print to show you. I am not very good to explain this things in english, sorry…
This is how it is now: https://drive.google.com/file/d/0B9Cl0WGu5B3BXzhjOV9FUVY3eTA/view?usp=sharing
This is how I am trying to do: https://drive.google.com/file/d/0B9Cl0WGu5B3BSXFsczcyZ1Vick0/view?usp=sharingAs you can see, this page is fullwidh and the sidebar remained with the same size. I just want it to be fullwidth. =)
Thank you one more time for all the help!
Hi,
To make a page full width while keeping the sidebar please use the below code.
This code will work only for the example page. In order to target an individual page please use the unique page id class name. To find out the page id class name for a WordPress page right click and inspect the body tag..responsive .page-id-1260 .container { max-width: 100%!important; padding: 0 25px!important; }Best regards,
VinayHi Vinay! Thank you for the code!
It worked! But the sidebar is bigger…. http://unpackdesign.com.br/blog2/
Can I control the sidebar width on this page?
Thank you!
Hi,
Add the following to quick css:
main.template-page.content.av-content-small.units{ width:80%!important; }You can adjust the percentage to whatever is appropriate.
Best regards,
Jordan Shannon
- The topic ‘make one page with sidebar fullwidth’ is closed to new replies.