boryeongmud 0 Report post Posted May 25, 2012 Hi, Is it possible to change the size of boxes? I would like to have three boxes with different sizes. Thanks! Share this post Link to post Share on other sites
catrina 103 Report post Posted May 25, 2012 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 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
boryeongmud 0 Report post Posted May 25, 2012 Thanks catrina. But the boxes have same div class. How can I have different width for all boxes? Thanks. Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted May 25, 2012 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". Please search our forums, before posting! Share this post Link to post Share on other sites
boryeongmud 0 Report post Posted May 30, 2012 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! Share this post Link to post Share on other sites
catrina 103 Report post Posted May 30, 2012 Do you mean you can't increase the height..? What CSS did you use? 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
boryeongmud 0 Report post Posted May 30, 2012 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 Share this post Link to post Share on other sites
catrina 103 Report post Posted May 30, 2012 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] 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
boryeongmud 0 Report post Posted May 30, 2012 catrina I doesn't work. Do you have any other advice? Share this post Link to post Share on other sites
catrina 103 Report post Posted May 30, 2012 Oops. I forgot something. Here: [code]div.grid-element.pp3.img_grid {width: 500px;}[/code] 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
boryeongmud 0 Report post Posted May 30, 2012 I didn't work either. Any other help? Share this post Link to post Share on other sites
boryeongmud 0 Report post Posted May 30, 2012 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 Report post Posted May 30, 2012 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 Please search our forums, before posting! Share this post Link to post Share on other sites boryeongmud 0 Report post Posted May 30, 2012 Thanks Danny! 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 Login via PageLines Signup To PageLines Sign in to follow this Followers 0 Go To Topic Listing DMS & Legacy Products All Activity Home PageLines DMS & Legacy Products Change box sizes × Existing user? Sign In Sign Up Forums
Danny+ 1,327 Report post Posted May 30, 2012 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 Please search our forums, before posting! Share this post Link to post Share on other sites
boryeongmud 0 Report post Posted May 30, 2012 Thanks Danny! Share this post Link to post Share on other sites