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 »

[SOLVED] How to change horiz bar colors to match menu?


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 Feb 8, 2013, 10:34 AM
Simeon
 
14 posts · Nov 2010
Have latest ATO theme, just updated it... cannot find how to change the color of horiz bars that extend to R/L of page menu and category menu to match colors of menu.

See attachment... the horizontal bars are grey, where do I find setting to change their colors?

Thanks,
Simeon
Attached Thumbnails
Click image for larger version

Name:	13_02-08_IPWP-menu-horiz-bar-color.jpg
Views:	178
Size:	26.2 KB
ID:	2216  
  #2  
Old Feb 8, 2013, 10:43 AM
juggledad's Avatar
juggledad
 
22,059 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
First you need to determined where the grey bars are coming from. I'd suggest using a code examiner to find out.

Once you know where it comes from, come back and tell us and we can proceed.

p.s. you might want to look at the Atahualpa FAQ forum
__________________
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

Last edited by juggledad; Feb 8, 2013 at 10:53 AM.
  #3  
Old Feb 8, 2013, 06:17 PM
Simeon
 
14 posts · Nov 2010
Used Firebug... found that updating the background7.png image in the ATO theme's image directory fixed 90% of the problem... however, there is still a grey section around the search box and I have worked for hours trying to find a background image for that and also tried adding css code in the editor window of HTML/CSS inserts section for these id/classes below which Firebug indicates are the code for this section of the site:

<ul id="rmenu2" class="clearfix rMenu-hor rMenu">

Adding background color definitions in the HTML/CSS inserts section (window bottom of that ATO admin page) does nothing to solve this problem.

The attached screenshot shows the HTML code Firebug indicates is involved as well as the problem.

Any help would be appreciated.

Thanks,
Simeon
Attached Thumbnails
Click image for larger version

Name:	13_02-08_IPWP-menu-horiz-bar-color2.jpg
Views:	152
Size:	158.5 KB
ID:	2217  
  #4  
Old Feb 9, 2013, 05:11 AM
juggledad's Avatar
juggledad
 
22,059 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
as I said...you might want to look at the Atahualpa FAQ forum (hint hint)
__________________
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
  #5  
Old Feb 9, 2013, 07:47 AM
Simeon
 
14 posts · Nov 2010
I did that before I ever posted a request for assistance here. After spending several hours looking for solutions there and elsewhere w/o finding any I posted here.
  #6  
Old Feb 9, 2013, 08:05 AM
juggledad's Avatar
juggledad
 
22,059 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Oh, did you read the one titled 'I can't get the grey bars to line up with the menu '?
__________________
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
  #7  
Old Feb 9, 2013, 07:31 PM
Simeon
 
14 posts · Nov 2010
Yes I did, and this does not address the problem of the grey area which remains by the search box.

I actually roughly followed that procedure in FAQ to change the color of most of the horizontal bar shortly after I posted this request, the results of which I already reported in this thread to help anyone else coming across it down the road.

The grey area around the search box is not changed by this, however, and remains grey. So there is obviously an element being overlaid on top of those horizontal bars which act as a background layer to the menus and the search box.

This grey area is also not responding to any of the css definitions I have tried for the classes and id's being used on the containing html elements for the search box such as <div>, <td> etc.
  #8  
Old Feb 9, 2013, 08:27 PM
juggledad's Avatar
juggledad
 
22,059 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What is the URL?
__________________
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
  #9  
Old Feb 10, 2013, 07:51 AM
Simeon
 
14 posts · Nov 2010
http://innerpeace-worldpeace.com/
  #10  
Old Feb 10, 2013, 02:46 PM
juggledad's Avatar
juggledad
 
22,059 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
look at the settings in the CSS Inserts at the 'div#menu1'
__________________
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
  #11  
Old Feb 10, 2013, 06:45 PM
Simeon
 
14 posts · Nov 2010
Yep, that did it! TY x 1,000

Found this and changed the color hex code to #660099.

div#menu1 {
background: #eee;
}

It's interesting that...

1) The css code in the insert window for div#menu1 does not show in Firebug

and...

2) That I had tried assigning a different background color to div#menu1 at the top of the css insert window in ATO... but I did not realize that my new css definition was being overruled by this other css definition that is just changed because it was appearing further down in the insert window!

Thanks,
Simeon

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to insert very complex css menu in header to match site? anartist Header configuration & styling 3 Jan 2, 2013 07:55 AM
[SOLVED] Can't Change Sidebar Menu Header Colors lee07666 Page & Category Menu Bars 4 Sep 21, 2009 09:24 AM
Horiz menu/ sub menu / Gunny sack kdawes01 Page & Category Menu Bars 0 Jul 31, 2009 01:47 PM
Page Menu Background colors won't change? RStouff Page & Category Menu Bars 0 Mar 24, 2009 12:21 PM
How do I change the home page top menu text and background box colors? bella123 Page & Category Menu Bars 4 Feb 13, 2009 07:07 AM


All times are GMT -6. The time now is 02:50 AM.


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