WordPress.org

1. SMS Text Services
   Member
   Posted 11 months ago #

   Hi

   I have an issue which I am struggling to resolve.

   On the home page of my site http://smstext.jigowatt.co.uk I have created a menu with hover images.
   The issue is that the menu has been broken into the separate image files rather than staying as one? I presume this has something to do with my theme but I cant find where the code is thats causing it?

   Help please!

   Rikki

2. alchymyth
   The Sweeper
   Posted 11 months ago #

   caused by inherited styles for the paragraph and img tags within the table;

   reset them by adding something like this to style.css of your theme:
   #homeBoxes .homeBox table p, #homeBoxes .homeBox table img { border:none!important;padding:0;margin:0;}

3. SMS Text Services
   Member
   Posted 11 months ago #

   Thanks very much :)

   I knew it would be something simple

   All sorted!

4. SMS Text Services
   Member
   Posted 11 months ago #

   Ok the above worked well but I decided to change the image a little to have rounded corners. When I did this it had a background on it. I added background:transparent; to the above code at the end and the background disappeared as expected but it hasnt worked on the 2nd box next to it??

5. alchymyth
   The Sweeper
   Posted 11 months ago #

   it hasnt worked on the 2nd box next to it

   these images are not in a table;

   that is so, because they have this style in style.css:

   #homeBoxes .homeBox img {
   	border:0px solid #E2E2E2;
   	background:#fff;
   	padding:1px;
   }

   ---
   try to work with a free tool such as firefox web developer add-on, or firebug. this helps to identify the css selctors of the 'trouble' elements.

Reply

You must log in to post.