SOLVED How to set Particle Height
-
-
- cherry a mungal
- Newbie
- Posts: 9
- Thanks: 0
-
Use of Gantry 5 particles is great, and its obvious setting width is a breeze. However when nesting say three of the same particles side by side on the same container line, and say we use three different colors of box, often we would like to have the blocks/boxes all the same size, even if the txt may be smaller or larger in content. It just looks better.
It would seem that a simple setting in attribute or class or something in the particles block settings would allow easily setting the height ... but nothing I've tried works so far ... pls advise, or suggest the best practice to do so ..thks - Last Edit: 8 years 7 months ago by cherry a mungal.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
You can easily create a custom stylesheet in a Gantry 5 template see:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
You can format the file's content in either SCSS or CSS. Gantry will automatically pick it up and compile it properly.
In that file you can create rules setting those elements to the same height.
-
-
-
- cherry a mungal
- Newbie
- Posts: 9
- Thanks: 0
-
Appreciate the reply. Here's the complication. Since, .box-blue or .box-(color) are elements as well as .g-content which are used in numerous places in the template (Callisto), one doesn't want to add the height fix to the custom.css as it will effect all the other instances of the .box .g-content on other pages. In stead of recreating another .box-blue2 and .g2-content and 3 and 4 in order to fix height by reference, it would seem a simple fix would be if the particle block settings could be set for the few occurrances required or for a quick addition to another page in the future.
Thus rephrasing question is there a way to fix the height of any particle using it's block settings, attribute etc to fix height.
thanks
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
- you can apply your own class to each of those modules then create your own css rule setting the height.
-
The following users have thanked you: Nanozombi, cherry a mungal
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
here is one exampleand a helpful site
.300-height {height: 300px;}
www.w3schools.com/cssref/pr_dim_height.asp
-
-
-
- cherry a mungal
- Newbie
- Posts: 9
- Thanks: 0
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
cherry a mungal wrote:
Perfect ... can do ... thks againIf this solved your issue, please mark the subject of your original post [SOLVED]. Likewise, if you still need help please reply with details. Cheers
-
Time to create page: 0.055 seconds