Jump to content
Jean-Philippe

How To Set Two Different Content Widths?

Recommended Posts

Jean-Philippe    2
Jean-Philippe

Hello Pagelines team!

 

I would like to set:

and

 

How can I do that? With custom CSS code?

 

Thank you in advance for your answer.

Jean-Philippe


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Jean-Philippe    2
Jean-Philippe

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?


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Jean-Philippe    2
Jean-Philippe

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


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
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.
 

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Jean-Philippe    2
Jean-Philippe

@Danny, I tried this:

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

 

And it works well !  :)


www.photoreview.fr | www.kankei.fr

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Nice! Good Job!


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×