Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Removing Arrow Space - tried everything but still can't fix it


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 21, 2012, 11:42 AM
brisck1
 
15 posts · Jun 2011
[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
  #2  
Old Mar 21, 2012, 06:02 PM
Jam's Avatar
Jam
 
1,062 posts · Mar 2011
Perth, Western Australia
You could try flicking Larry or Juggledad a $20, that might fix it
__________________
May the learning curve never plateau... Thanks Larry for teaching me heaps.
My Themeframe built sites
  #3  
Old Mar 21, 2012, 11:14 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
Because of the way the menu is coded I see these options.
  • Modify one of the theme files (not sure which one as I never modify theme files because an update to the theme will wipe out changes
  • Use a menu plugin
  • Use the following code in the CSS Inserts box. This should put even spacing on either side of you dropdown menu items but you may want to also increase your side padding on non dropdowns so the menus all look the same.
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a {
    background-image: none !important;
    padding: 3px 7px 3px 14px !important;
}
My choice would be to look for a menu plugin or live with the arrows. BTW... why don't you like the arrows this will show people there is more to the menus.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Mar 22, 2012, 12:35 PM
brisck1
 
15 posts · Jun 2011
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.
  #5  
Old Mar 22, 2012, 01:46 PM
lmilesw's Avatar
lmilesw
 
10,077 posts · Jul 2009
Central New York State USA
If you look at css.php at around line 2555 you will see the following
HTML Code:
/* divs added for "IE6 & 2 menu styles" */	

div#menu1 ul.rMenu-hor li.rMenu-expand a {
	padding-left: 5px;	/* reset padding */
	padding-right: 15px !important;
	background-position: 100% 50%;
	background-image: url(<?php echo $templateURI; ?>/images/expand-down<?php echo ($bfa_ata['page_menu_arrows'] == "white" ? "-white" : ""); ?>.gif);
	}
If you remove the !important from padding-right you should be able to adjust the padding as you wish. Just remember if you upgrade the theme you will have to redo this edit. I have only tested this very quickly so don't know what other issues this may cause.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Mar 22, 2012, 02:07 PM
juggledad's Avatar
juggledad
 
22,104 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Removing Space btwn footer and content - tried everything (I think:) dixieprosser Center area post/pages 2 Sep 25, 2010 12:21 PM
Help removing blank space in widget area blueprairie Sidebars & Widgets 2 Sep 22, 2010 09:40 AM
[SOLVED] Removing arrow space from drop-down links - old solution not working mcphoto Page & Category Menu Bars 2 Aug 17, 2010 08:13 AM
Removing extra space around <img> image table elements StevenLevy Center area post/pages 0 Jun 17, 2010 03:25 PM
Removing space between <li> tags in widget desell Sidebars & Widgets 2 Oct 24, 2009 02:33 AM


All times are GMT -6. The time now is 10:53 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.