Remove padding from modules in Afterburner
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
So nice template this Afterburner, thanks to the creator !
I have a wonder, how can I put an image in a module and fill it completely ?
In the other new tmplates I can use "nopaddingright nopaddingbottom nopaddingleft nopaddingtop" in suffix, but in Afterburner it doesnt work... Why ? - Last Edit: 12 years 5 months ago by Patrik Södergren.
- Everything is possible !
www.framweb.info/
-
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
Hello Cdavis411
here is the url:
www.renlack.se/bladet/
and its the right modulposition.
I also want to learn how to do it on any position I want in Afterburner. - Everything is possible !
www.framweb.info/
-
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
tried with this in light.css
.nopadding {
border:5px solid #333333;
margin:0px !important;
padding:0px !important;
}
and this one in the module html:
<p><img class="nopadding"
no success, what am I doing wrong ? - Everything is possible !
www.framweb.info/
-
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
spending hours on searching in the forum on this problem and there is nothing.... grrr.
please help.. - Everything is possible !
www.framweb.info/
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
hello,
use the module class suffix nopadding
add this to the light.css file.nopadding .module-body {padding: 0;}
also there is a <p></p> element surrounding your image tag. remove that. the <p> element brings with it a top and bottom margin in this template.
If you are using the default editor "TinyMCE" replace it with RokPad or the JCE editor. TinyMCE is to editor plugins what IE is to browsers (only worse, imho). If you need a WYSIWYG editor install the JCE (Joomla Content Editor) extension and make it the default editor in your global configuration. If you do not need a WYSIWYG editor and would prefer just a good html editor install the RokPad extension by Rocket Theme. If you choose JCE you will see in the upper left of the editor the words Show/Hide click on that to switch between WYSIWYG and HTML editing.
-
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
Thanks cdavis411 ! Actually I have jce-editor, used it for some years now
I do as you sad and I cant make it work.. I put: .nopadding .module-body {padding: 0;}
into light.css and put: nopadding into the Modules class-suffix.
Also tried: _nopadding and with an empty space..
And this elementtags <p></p> keeps coming back every time I remove them in yhe html-editor..
What am I doing wrong ? - Everything is possible !
www.framweb.info/
-
-
-
- Patrik Södergren
- Rocketeer
- Posts: 55
- Thanks: 0
-
Tried also with important, like this:
.nopadding .module-body {padding: 0 !important;} - Everything is possible !
www.framweb.info/
-
Time to create page: 0.057 seconds