Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Removing Drop-down Arrows from Page Menu


  #1  
Old Jul 21, 2009, 03:24 PM
arch14
 
9 posts · Jul 2009
Hi. Enjoy working with the theme. Wondering - how do I get rid of the dropdown arrows in the menu bar? I found some older posts on the subject, but couldn't tell if they were relevant for version 3.4.2 (for example, I couldn't find the arrow image files in the header.php)

Thanks so much.
  #2  
Old Jul 21, 2009, 06:42 PM
juggledad's Avatar
juggledad
 
23,671 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add the following in ATO->HTML/CSS Inserts->CSS Inserts
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
	}
	}
to remove the down arrow fom the page menus and add the following
HTML Code:
div#menu2 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
to remove it from the category menus
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 23, 2009, 02:25 PM
arch14
 
9 posts · Jul 2009
Thanks! Is there anyway to remove the spacing also?
  #4  
Old Jul 23, 2009, 04:46 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add

padding-right: 5px !important;
  #5  
Old Jul 29, 2009, 09:28 AM
arch14
 
9 posts · Jul 2009
Thanks! That works perfectly.
  #6  
Old Dec 3, 2009, 10:01 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
I CSS inserted: (to remove the dropdown arrow image and space)

Code:
div#menu2 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
        padding-right: 0px !important; 
}
But this did not remove the dropdown arrors and also not remove the right spacing, what am I doing wrong?
  #7  
Old Dec 11, 2009, 08:20 AM
Ber|Art's Avatar
Ber|Art
 
198 posts · Oct 2009
Europe (NL) ber-art.nl Windows 7x64 WP 3.x Atahualpa 3.7.x
Send a message via Skype™ to Ber|Art
I turned the images into 1 pixel transp. but how do I get rid og the spacing there are still 5 pixels where the arrow icons was...
  #8  
Old Jul 29, 2010, 01:13 PM
mcphoto
 
120 posts · Apr 2009
[quote=juggledad;10841]add the following in ATO->HTML/CSS Inserts->CSS Inserts
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
	}
	}
Make sure to remove that second bracket in the code snippet above... works fine for me when corrected.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu drop down modification - remove arrows & extra space dorigen Page & Category Menu Bars 31 Aug 16, 2014 11:10 AM
Removing Page titles in single pages with out removing post titles robertbrand Atahualpa 3 Wordpress theme 7 Jun 21, 2011 10:33 AM
Changing font size in drop down menu of page bar ftf79 Page & Category Menu Bars 2 Apr 28, 2011 12:50 PM
Category Menu Bar: Subcategory Indicator Arrows MatthiasHeil Page & Category Menu Bars 14 Jan 13, 2011 07:42 AM
Page Menu Drop Down Only Showing First 6 Child Pages LabbyRoad Page & Category Menu Bars 4 Mar 11, 2009 11:40 AM


All times are GMT -6. The time now is 08:57 AM.


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