1. mrn
  2. Free Templates / Extensions
  3. Thursday, 17 January 2013
  4.  Subscribe via email
Hi,
I'm using the Oxygen template and the Image Hover Extension. As you can see from the site (http://srv13.netregistry.net/~gogo1249/) there is a box around each of the image modules.
Show title has been set to hide but does not remove the box.

Your help with this would be greatly appreciated. I am happy to email you usernames and passwords to take a closer look if needed.
kind regards,
Matt
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Matt

To remove the white 10px border around each of your hover modules try adding the following CSS to the Custom CSS field of your templates parameters...

[code type=css].imagehoverFallIn, .imagehoverSlideDown, .imagehoverSlideLeft, .imagehoverSlideRight,
.imagehoverSlideUp, .imagehoverZoomIn {border:none;}[/code]
Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
unfortunately this didn't do the trick. I added the code to the custom CSS under templates > J51_Oxygen - Default > Custom CSS

I have 1 or 2 other lines of code in the Custom CSS to change the font size in the Image Hover and it is working correctly.

Thank you again
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Matt

It appears to have removed the white border. Please try a full refresh on your browser to reload the CSS (CTRL + F5).

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I've searched the forum for an answer to the white border problem, and applied to css you detail above to the custom.css template file, but without any luck. I should add that I've created the template with the help of Artisteer, rather than use one of yours. The site is currently in development, so certain items may be missing. you can find it here - http://dev.falingepark.com/fphs-2/
I'd appreciate any help you can offer.
thanks in advance.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Instead try adding the following to your templates CSS...

[code type=css].imagehoverFallIn, .imagehoverSlideDown, .imagehoverSlideLeft, .imagehoverSlideRight, .imagehoverSlideUp, .imagehoverZoomIn
{background:none;}[/code]
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,
thanks a lot for the speedy response, that worked perfectly.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
  • Page :
  • 1


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