Afterburner Spacing Issue
-
-
- JT Bowlin
- Sr. Rocketeer
- Posts: 197
- Thanks: 0
-
I'm struggling to get the spacing right on my Afterburner install. Please see attached. There are three areas I'm struggling with:
1) Marked in Blue: There is too much space on the top and bottom of my NewsFlash
2) Marked in Red: There needs to be some white space added on the left of my Story section
3) Marked in Green: The thumbnails are not aligned with the right side of the image. I'd like the thumbnails aligned on both the left (like they are) and the right. I've tried adjusting the thumbnail size, but it only seems to accept increments +/- 5px, which makes it too small at 90px (as shown) or moves it to the next row at 100px.
Thanks for your help.
JT
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
- Could you please provide your website link so we can see and check the problem?
-
-
-
- JT Bowlin
- Sr. Rocketeer
- Posts: 197
- Thanks: 0
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
-
For the RokNewsFlash, edit your
www.tinygoat.com/modules/mod_roknewsflas...ght/roknewsflash.css
:
body div#newsflash.roknewsflash {
border:0 none;
height:21px; <<-- decrease this value
margin:10px 0; <<-- decrease this value
position:relative;
}
For the RokStories left part, add this in the end of line of your light4.css.rokstories-layout1 {margin-left: 15px;}
For the RokStories thumbnail space, how about trying to increase the width of the thumbnail in the module parameter?
-
-
-
- JT Bowlin
- Sr. Rocketeer
- Posts: 197
- Thanks: 0
-
Arifin FinLy wrote:
For the RokStories thumbnail space, how about trying to increase the width of the thumbnail in the module parameter?
I tried that already. From my first post: "I've tried adjusting the thumbnail size, but it only seems to accept increments +/- 5px, which makes it too small at 90px (as shown) or moves it to the next row at 100px."
-
-
-
- Arifin FinLy
- Preeminent Rocketeer
- Posts: 17372
- Thanks: 18
-
slowreflex wrote:
Arifin FinLy wrote:Open your light4.css at:For the RokStories thumbnail space, how about trying to increase the width of the thumbnail in the module parameter?
I tried that already. From my first post: "I've tried adjusting the thumbnail size, but it only seems to accept increments +/- 5px, which makes it too small at 90px (as shown) or moves it to the next row at 100px."
<Joomla Root>/templates/<your template name>/css/light4.css
At the end of the lines, add below codes:.image-small {width: 320px !important;} .feature-block img.feature-sub {margin-right: 11px !important;}
-
Time to create page: 0.075 seconds