Jump to content


Photo
- - - - -

How To Set Two Different Content Widths?


Best Answer Jean-Philippe , 06 December 2012 - 11:50 AM

@Danny, I tried this:

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

 

And it works well !  :)

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 06 December 2012 - 05:45 AM

Hello Pagelines team!

 

I would like to set:

  • my

    Please Login or Register to see this Hidden Content

    with this content area width : 

    Please Login or Register to see this Hidden Content

and

  • my posts pages with this content area width : 

    Please Login or Register to see this Hidden Content

 

How can I do that? With custom CSS code?

 

Thank you in advance for your answer.

Jean-Philippe



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 07:54 AM

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

#3 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 06 December 2012 - 09:05 AM

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: 

 

Please Login or Register to see this Hidden Content

 

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



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 10:53 AM

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.

Please Login or Register to see this Hidden Content



#5 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 06 December 2012 - 11:00 AM

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



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 11:05 AM

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

 

Please Login or Register to see this Hidden Content

 

 
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.
 


#7 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts
  • LocationTokyo
  • Country: Country Flag

Posted 06 December 2012 - 11:50 AM   Best Answer

@Danny, I tried this:

Please Login or Register to see this Hidden Content

 

And it works well !  :)



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 12:42 PM

Nice! Good Job!