padding and rt-block
-
-
- JJ Spelman
- Sr. Rocketeer
- Posts: 236
- Thanks: 1
-
I have a question regarding the padding in the rt-block div.
I know I can precede the rt-block div with a module class and adjust accordingly, but what if there is no module to specify a class for? here is my dilemma: My client wants the "Text resizer" in the header. I want to do away with the padding in it's parent rt-block div. I cannot add a class to this because it is not a module, per say, but a features setting in the Gantry admin.
Also, it is not the only position/module in that row, so I can't simply add global class for that row without effecting other adjoining elements.
Any ideas?
-
-
-
- KQ
- Newbie
- Posts: 13
- Thanks: 0
-
As always having a site helps people help you better, but without that, heres what I'd do:
Note: I haven't tried messing around with the font resizer as I always disable it.
Using Google Chrome/Any webkit browser:
Open
Developer Tools, Go into inspection mode(magnifier icon in the bottom left corner in chrome), click the font resizers, find out where its nested, edit the css of gantry, either gantry.css or style1.css, in /templates/rt-gantry/css, add the nested css like:
#rt-top .rt-container .rt-block .font-resizer {
padding:0;
}
Nesting will allow you to edit only that specific rt-block. I do this for my login button which is in rt-top position but I also have other things there.
PS: If you're not familiar with the developer tools, highly recommend it, as you can also make changes on the fly and see how it looks like, so long as theres a rule defined for it.
-
Time to create page: 0.061 seconds