Jump to content
Sign in to follow this  
shpr

Boxes : changing widths from 50% : 50% to 35% : 65% when 2 boxes display

Recommended Posts

shpr    0
shpr

Hello,

 

I have a set of boxes, containing 2 boxes displayed in one row. They are evenly distributed across the page 50:50.

 

How can I make it so the 1st box is 35% width and the 2nd box is 65% of the width?

 

Thanks

Share this post


Link to post
Share on other sites
catrina    103
catrina

You’ll need to use Custom CSS (in Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. For further insight about the width property, please see this documentation: http://www.w3schools.com/cssref/pr_dim_width.asp.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
shpr    0
shpr

Hi catrina,

 

can you provide any further clues?

 

I'm happy to use firebug & make amendments in the customization section (have done quite a few already) but can't seem to figure this one out :(

 

I see:

 

 

<div class="pprow grid-row fix ">
 

<div class="grid-element pp2 img_grid ">

 

Which I think are for the full width (both boxes)

 

I can't figure out how to alter the % width of the two boxes...is it related to <div id="fbox_204" ? Seems more difficult than the other things I've done.

 

Thanks

 

 

Share this post


Link to post
Share on other sites
catrina    103
catrina

You are right, it is related to div id=fbox_204 so the CSS would look something like:

 

 

#page #fbox_204 {width: 35%;}

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

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

Sign in to follow this  

×