Joomla Templates Club 406,261 posts

[abrill Friend abrillJoin date: October 2008Posts: 140Downloads:0Uploads:29 Thanks: 42 Thanked: 1 times in 1 posts]

#173018

I have a banner module with a count of 4 banners down the right side. How do I increase the space between each banner? Thanks in advance!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#434662

<em>@abrill 295805 wrote:</em><blockquote>I have a banner module with a count of 4 banners down the right side. How do I increase the space between each banner? Thanks in advance!</blockquote>
In order to try to best assist you, please provide the url for the site your working on
– as well as set “optimize CSS” to “No” within your Template Manager–General Settings

[abrill Friend abrillJoin date: October 2008Posts: 140Downloads:0Uploads:29 Thanks: 42 Thanked: 1 times in 1 posts]

#434993

Hi, I sent the info to you in a message. Thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#435029

<em>@abrill 296263 wrote:</em><blockquote>Hi, I sent the info to you in a message. Thanks!</blockquote>
Hmmm . . . . Might I ask as to how you applied your banner images?

– via a Module (custom_html)?
– via a 3rd Party Extension?

I ask because the CSS looks a little strange when I try to identify the correct things you need to work with
– so I need a little bit of additional info.

Thanks

1 user says Thank You to TomC for this useful post

1. abrill

[abrill Friend abrillJoin date: October 2008Posts: 140Downloads:0Uploads:29 Thanks: 42 Thanked: 1 times in 1 posts]

#435030

Thank you for your response. I just used the banner module that is part of Joomla.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#435043

Okay, here is what I would suggest . . . .

First, it looks like you need to add a class for the banner items to your template.css file
(it can be anywhere – many just slap it on at the end). For example:

<blockquote> .banneritem {
margin: 4px 0px;
}
</blockquote>

This should actually create a 4px space between your banner items in and of itself.

If you want more space, you can adjust accordingly.

Give that a try and let me know if it works for you.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#435827

abrill:

Did the above suggestion resolve the issue?

[Author]

Posts