[SOLVED] Removing Arrow Space - tried everything but still can't fix it
Hi,
So i've been tearing my hair out over an issue im having with my page menus. I wanted to remove the down arrow for the drop-down page menu items, and used the solution I found here to convert them into a 1x1 transparent gif, and was then left with the space where the arrow had been. I tried various solutions that I found on this forum, but for some reason none seem to work for me. My Site is: http://dear-esther.com/ As you can see all of the menu items with dropdown options have too much right padding. Can someone advise me how to fix this, and/or where im going wrong? Most of the unsuccessful solutions I've tried were similar to this: http://forum.bytesforall.com/showthr...ighlight=arrow Thanks Rob |
You could try flicking Larry or Juggledad a $20, that might fix it ;)
|
Because of the way the menu is coded I see these options.
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a { |
Thanks for the suggestion but unfortunately it still didn't remove that pesky space. I cant understand what's causing it, I'm sure I've removed these gaps with a html insert before, but since updating to the latest atahualpa it doesn't seem to work any longer :(
I guess if all else fails I'll have to put the arrows back, but I kind of like the simplicity of the menu at the moment, minus arrows. |
If you look at css.php at around line 2555 you will see the following
HTML Code:
/* divs added for "IE6 & 2 menu styles" */ |
you should be able to put the same CSS in the CSS Inserts and it will take precedence since it is the same selector and comes last.
|
Ok so i tried clearing my browser cache and trying this:
div#menu1 ul.rMenu-hor li.rMenu-expand a { padding-right: 5px !important; } And it now works! :D must have been the cache or my formatting or something odd. Anyway, big donation coming soon! Cheers! :) |
All times are GMT -6. The time now is 03:11 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.