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

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? :confused:

Thanks,
Simeon :)

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

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

as I said...you might want to look at the Atahualpa FAQ forum (hint hint)

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.

Oh, did you read the one titled 'I can't get the grey bars to line up with the menu '?

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.

What is the URL?

look at the settings in the CSS Inserts at the 'div#menu1'

Yep, that did it! TY x 1,000 :o

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