Need a smaller module size than 2
-
-
- Lownotes
- Hero Rocketeer
- Posts: 325
- Thanks: 2
-
Is it possible to make a module position that is smaller than 2?
Right now I have
A-B-C
4-6-2
but would like a smaller C position
4-7-1
I'm a bit familiar editing template-options.xml file, but not sure if this configuration is event possible.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Lownotes wrote:
but would like a smaller C position
4-7-1
As you didn't specify a template, template using Flex:
div#rt-modulePosition { flex-basis: 8%; }
non-Flex template:
div#rt-modulePosition { width: 100px; }
In either scenario the space you give up on modulePosition-C should be attributed to modulePosition-B.
-
-
-
- Lownotes
- Hero Rocketeer
- Posts: 325
- Thanks: 2
-
Hi dan,
I'm using chimera template and I'm talking about the header position.
so should I put this in my custom css
div#rt-header { flex-basis: 8%; }
is that it? no changes to xml files?
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Lownotes wrote:
is that it? no changes to xml files?
"Remember, a Jedi’s strength flows from the CSS". My Yoda, Henning taught me Powerful the CSS is.
Actually change the 8% to 8.3333333333% and add the left-over 8.3333333333% to the rt-grid-7 width of 58.3333333333%.
-
-
-
- Lownotes
- Hero Rocketeer
- Posts: 325
- Thanks: 2
-
Hi Dan,
I really appreciate your help but I'm still not exactly sure what you're suggesting. Especially with your last part. Can you explain more clearly or show me a code sample or even an old post. Add left over to where? I'm confused
Thanks for your help.
Actually change the 8% to 8.3333333333% and add the left-over 8.3333333333% to the rt-grid-7 width of 58.3333333333%.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Lownotes wrote:
Hi Dan,
I really appreciate your help but I'm still not exactly sure what you're suggesting. Especially with your last part. Can you explain more clearly or show me a code sample or even an old post. Add left over to where? I'm confused
Thanks for your help.
Well we can ignoer that last part because is Gantry is smart enough to fill the empty space of rt-grid-7 when we lose that space going from a rt-grid-2 to a rt-grid-1. So all you really need is:
/* Force rt-grid-2 into a rt-grid-1 size */ #rt-expandedtop .rt-grid-2 { -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; }
-
-
-
- Lownotes
- Hero Rocketeer
- Posts: 325
- Thanks: 2
-
181.224.155.75/~twilight/
Ok, I think I've got the css code correct here but I'm not sure I'm getting the result I wanted.
It looks like the last cell did get smaller, but now there is an extra space to right of the last cell.
The cell in question has the email and fb logos in it in the header.
We're really close here.
Thanks again for your help!
/* Force rt-grid-2 into a rt-grid-1 size */ #rt-headerfullwidth .rt-grid-2 { -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; } - Last Edit: 9 years 1 hour ago by Lownotes.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Lownotes wrote:
181.224.155.75/~twilight/
Ok, I think I've got the css code correct here but I'm not sure I'm getting the result I wanted.
It looks like the last cell did get smaller, but now there is an extra space to right of the last cell.
The cell in question has the email and fb logos in it in the header.
Looks I was initially correct and then mistakenly corrected myself. Gantry DIDN'T add that 8.3333333333% that we took away from rt-grid-2.
So we DO have to manually add that to rt-grid-6:
#rt-headerfullwidth .rt-grid-6 { -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; } -
The following users have thanked you: Lownotes
-
Time to create page: 0.052 seconds