Archived

This topic is now archived and is closed to further replies.

  • 0

How To Set Two Different Content Widths?

Question

7 answers to this question

Posted · Report post

@Danny, I tried this:

body.home #site .content { width:100%; max-width:1200px; }
.home .postpin-list {position: relative ; width: 1200px}

 

And it works well !  :)

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Jean, This would require custom CSS unfortunately, as its not possible with the Layout Editor.

Share this post


Link to post
Share on other sites

Posted · Report post

Actually, I would like to display 5 columns within the Postpin section on .home and .category pages. But I don't want to resize the pins width.

 

I tried: 

 

.home .postpin-list {position: relative ; width: 1200px}

 

But it seems I miss something... May I ask for help?

Share this post


Link to post
Share on other sites

Posted · Report post

Unfortunately, you wont be able to do this via CSS, or I wasn't able to. If you wish to have a five column layout of PostPins you will need to increase the width of your site or reduce the width of the pins. Because I was unable to do this via CSS, you will not be able to to do this on a per page basis. I think the best course of action would be to contact one of our Pros and see if they can assist you. http://www.pagelines.com/pros/

Share this post


Link to post
Share on other sites

Posted · Report post

Ok, I understand. Let me try another suggestion: is it possible to increase the width of my site only on .home and .category pages?

Share this post


Link to post
Share on other sites

Posted · Report post

Yes, you can but this will not effect the Postpins columns.

 


body.home #site .content { width:100%; max-width:1400px; }

 

 
Use the same for your category pages but use the Category class instead which will be visible in Firebug/Modern Browser Web Dev tools, when viewing your category page.
 

Share this post


Link to post
Share on other sites

Posted · Report post

Nice! Good Job!

Share this post


Link to post
Share on other sites