SOLVED Gantry container feature
-
-
- Wally Turnbull
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
I am unable to get the gantry container feature to work on this Oculus site:
www.lightmessages.com/lm/test
The width command is honored but items are stacked vertically.
The CSS viewed in Firebug does include references to .gantry-width-block, .gantry-width-spacer, .gantry-width-nn, etc.
The identical code works on another Oculus site which I ‘though’ was configured the same: www.biblechurch.org/chbc/test
I have checked through the forum where I have found some suggestions but none seem to work for this case.
What I am doing wrong? - Last Edit: 9 years 3 days ago by Wally Turnbull.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22303
- Thanks: 3229
- messin' with stuff
-
I cannot reach your link.... I get a 500 server error
I believe the code you're referencing is documented here: www.rockettheme.com/docs/joomla/basic/cr...tom-responsive-grids - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Wally Turnbull
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Unfortunately I was trying some of the on-line options in the .htaccess file at the moment you tried so things didn't work - sorry.
The code you referenced is what I am using and which is working on the second site but not on the fist one. The gantry width is honored but the items are stacked rather than next to each other.
If you are still at it please look again at the two sites to see the difference with exactly the same code.
Do you know if Oculus contains the definitions for the gantry widths? It would see so as they are listed in firebug.
Thanks
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22303
- Thanks: 3229
- messin' with stuff
-
yeah, that's the wrong code... slightly... you seem to be blending our newer code (Vermillion and later) with the older code that Occulus has... check the link I posted
<div class="gantry-width-block gantry-width-XX"> <div class="gantry-width-spacer"> ... </div> </div>
Make sure a rows worth of cells adds up to 100 and then be sure and clear each row
<div class="clear"> </div>
- Last Edit: 9 years 3 days ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22303
- Thanks: 3229
- messin' with stuff
- basically the gantry-row class/wrapper is unneeded and you need to add the gantry-width-block class to your inner wrappers... that code might be working on your other site (I didn't check) because your aligning block elements already and didn't need to define display:block; (that's all the gantry-width-block class does)... here though you're wrapping text which is an inline element and definitely needs to be set as a block for it to work
- Last Edit: 9 years 3 days ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Wally Turnbull
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Thank you very kindly. I didn't pick up on the fact that there were old and new versions of the code. I certainly appreciate your help with this.
Wally
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22303
- Thanks: 3229
- messin' with stuff
-
no worries
If a thread is solved please edit your *original/first* post and place "[SOLVED]" (no quotes; but you do need the brackets) at the beginning of your post title. Changing the post icon to the Solved Checkmark is helpful too.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Wally Turnbull
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Thanks - I was looking for a 'solved' button but didn't see one - this explains why. I will do my best to remember that
-
Time to create page: 0.068 seconds