1. keithvb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 15 April 2014
  5.  Subscribe via email
On the site new3.thesciencecouincil.com I'd like to reduce the space above and between the 5 buttons (under the img with planet earth in it).

The buttons are custom html modules.
<p><a href="index.php?option=com_content&view=category&layout=blog&id=11&Itemid=116"><img src="images/buttons/button-role-of-energy.jpg" alt="" /></a></p>

Using the inspector I see a margin around the img even though I've set it to 0px
.top-2 {
padding: 0px;
margin: 0px;
}

I'd like the spacing between the buttons to be 1/2 of what it is now and the space above the buttons to be 1/2 of current space.
I suspect that the solution is something I've overlooked.
What next?

thanks,

Keith
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

Could you check for us the URL provided as it is giving us a 'Server not found' error (new3.thesciencecouincil.com).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Keith

Try adding the following to the Custom CSS field of your templates parameters where 5px is your new module margin (default 15px)..


.top-2 .module_margin {
margin: 5px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Ciarán,

Thanks. Works well.

Keith
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!