Archived

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

  • 0

resize boxes

Question

Posted · Report post

hi again,

 
i  created 2 boxes per row on my page but i want that the first box stay smaller then the other. I put a different class at both:
 
 
.linkinpbox4

{

width:20% !important;
margin: 0 auto;}




.linkinpbox5{
width:80% !important;
margin: 0 auto;
border: 1px solid #D9D9D9;}

 

 

The boxes resize but the collums of the row doesn´t :( what´s the classe that i can use in css?
 
many thanks

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

nice! many thanks

 

but how can i 

 

Add Borders in Grid?

 

i try without any success using

 



<div class="span4" style="border: 3px;">Span 4</div>

Share this post


Link to post
Share on other sites

Posted · Report post

the screen shot

post-46740-0-49283300-1361903039_thumb.j

Share this post


Link to post
Share on other sites

Posted · Report post

What is the url to your site so we can better troubleshoot, please?

Share this post


Link to post
Share on other sites

Posted · Report post

HI,

 

The code you have used is not correct, try something like this:

 

<div class="span4" style="border: 1px solid red;">Span 4</div>

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

Unfortunately those columns are created from the settings you select in the box meta and use the same css class .pp2. So if you effect one it will change the other as well.

 

To create the type of setup you're looking for you might be better off using 'the grid' system which will allow you set up columns at different widths and fill them with content. You can find the shortcode and examples of the grid here - http://demo.pagelines.me/tools/

1 person likes this

Share this post


Link to post
Share on other sites