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 » Header configuration & styling »

How to put Gradient Color, instead of solid color, in horizontal Page/Catgry Menu Bar


  #1  
Old Apr 17, 2010, 03:27 PM
rhythm
 
32 posts · Jan 2010
Is it possible to assign a gradient color bar image to the Background behind the page/category menu items, in the horizontal menu bar?

I already have some good gradiated color images the same height as the current menu bar, which I liked to put there instead of the solid color.

The Page or Cat options has a space for you to change the html color # for the background, but you can't insert anything in there like an image.jpg, so where would you go (in the CSS?) to change this to an image you select, while still having the pages/categories work as links.

Alternately, is it possible to overlay the menu choices over the header image, while still having the pages/categories work as links?

Thanks
Rhythm
  #2  
Old Apr 17, 2010, 07:52 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Here is my handy little cheat sheet for dealing with the two menu's and the parts. Put this at the end of your css and you can see graphically, what effects what. It should be enough to get you going.
HTML Code:
/* ================================================ */
/* Page menu background                             */
/* ================================================ */
div#menu1 { 
	height: 40px;  
	margin-top:0px; 
	background: #blue; 
}
/* ================================================ */
/* Page Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
	background: #red;
	border: none 0px; 
}
/* ================================================ */
/* Page Menu item                                   */
/* ================================================ */
ul.rMenu li a:link, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li a:visited, 
ul.rMenu li {
	background: #yellow !important;
	color: #000000 !important;
}
/* ================================================ */
/* Category menu background                         */
/* ================================================ */
div#menu2 { 
	height: 40px;  
	margin-top:0px; 
	background: #green; 
}
/* ================================================ */
/* Category Menu item's background and border       */
/* ================================================ */
div#menu2 ul.rMenu {
	background: #orange;
	border: none 0px; 
}
/* ================================================== */
/* Category Menu item                                 */
/* ================================================== */
#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:hover, 
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li a:visited, 
#menu2 ul.rMenu li {
	background: #purple !important;
	color: #000000 !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 17, 2010, 09:06 PM
rhythm
 
32 posts · Jan 2010
Thanks Jugggle
Also, any idea why in certain blogging programs, when you elect to have %cats instead of %pages, and have it below the header, it misfires and put a vertical list of the categories above the header, pushing the header down a couple inches? I can send you an example of a site that mis-dispplays in this way
  #4  
Old Apr 18, 2010, 05:33 AM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I'd have to see it to figure it out
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old May 17, 2010, 01:15 PM
clemon79
 
13 posts · May 2010
Quote:
Originally Posted by juggledad
Put this at the end of your css
Because I'm still trying to figure out how to do this stuff:

By this, do you mean the "CSS Insert" section of the theme options? I'm trying to put a background image behind my menu bar as well.

EDIT: Never mind...yes, you did.

Last edited by clemon79; May 17, 2010 at 04:30 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu Bar Background Color clausont Page & Category Menu Bars 3 Feb 10, 2010 07:00 AM
Gradient in Page Menu Bar and Separation Bars clayphillips Page & Category Menu Bars 12 Feb 10, 2010 06:48 AM
[SOLVED] Horizontal Pages Menu bar background color bigliettaio Header configuration & styling 2 Dec 22, 2009 08:01 AM
Solid background color pds Atahualpa 3 Wordpress theme 10 Jun 18, 2009 01:44 PM
[SOLVED] How to put color on the right and left side of the menu bar? (the whole colo nasu Page & Category Menu Bars 9 Jun 5, 2009 06:00 PM


All times are GMT -6. The time now is 12:58 AM.


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