Change box sizes

[boryeongmud 0]

Hi, Is it possible to change the size of boxes? I would like to have three boxes with different sizes. Thanks!

[catrina 103]

Yes, it's possible. You can change the sizes using custom CSS added to Custom Code > Custom CSS in your theme settings. To get the CSS you need, you can use Firebug and follow the instructions in this documentation (the instructions are at the bottom): http://www.pagelines.com/wiki/Custom_CSS

[boryeongmud 0]

Thanks catrina. But the boxes have same div class. How can I have different width for all boxes? Thanks.

[Danny+ 1,327]

Hi, You can add a custom class to a box, simply go to your Wordpress Admin Dashboard > Boxes > Select a Box and then scroll down to the PageLines Boxes Settings and you should see an option called "Boxes Custom Class".

[boryeongmud 0]

Hi, I was able to reduce the width of boxes, but I can't increase the width. I would like the box in the middle to have a larger width and reduce the padding between the first and the second boxes. Is this something possible and if so, what should I do? Thanks!

[catrina 103]

Do you mean you can't increase the height..? What CSS did you use?

[boryeongmud 0]

I would like to increase the width of the middle box. I used grid-element pp3 img_grid {width: 500px} The website is http://www.boryeongmudfestival.com

[catrina 103]

Try this CSS (there can't be spaces in the CSS selector and there needs to be a period before it): [code]div.grid-element.pp3.img_grid {width: 500px}[/code]

[boryeongmud 0]

catrina I doesn't work. Do you have any other advice?

[catrina 103]

Oops. I forgot something. Here: [code]div.grid-element.pp3.img_grid {width: 500px;}[/code]

[boryeongmud 0]

I didn't work either. Any other help?

[boryeongmud 0]

Box widths are set under

or

as .pp3 {width: 31.3333%;}. How do I override these? Boxes are under

And I would like them to have 20%, 50%, 20% width. Thanks!

Share this post

---

Link to post

Share on other sites

[Danny+ 1,327]

Hi, I have just been playing with Boxes, trying to get them to work the way you want them and unfortunately, I was unable to change the width of the boxes. As it is already set above where you would add the custom class. I think best the alternative would be for you to use the grid system, you can see a discussion here, about the grid. http://www.pagelines.com/forum/discussion/18546/what-is-the-underlying-grid-system-for-framework-2/p1

[boryeongmud 0]

Thanks Danny!