edit goodwin header

[benharry]

Could somene with a bit of knowledge please look at https://jdmpartsuk.co.uk and see if you can work out what css coding is needed to change to top bar with the opening times and my account link from white to black? Ive looked in firefox editor and cant seem to find the bit to edit, i thought i found it under .hdr .hdr-topline.hdr-topline--dark but that only changed to border and not the whole top bar.

thanks
ben

[balihr]

Usually, commercial templates (and any other commercial plugins) are NOT discussed here on this forum and you should be asking the template's author for support. But, here you go:

.hdr-topline.hdr-topline--dark .row {background: #000;}

Just put this in your user_custom_styles.css and reload - it should do the trick.

P.S. Sorry, didn't notice tis was your first post. Welcome to Zen Cart!

[benharry]

Thats ok. I have been here before in 2004 with my first sites, but this time round i fancied a change and went for a template.

Thank you for your reply, i have added the code in you gave to me and unfortunately i only did the upper edges again like what i was getting in

.hdr .hdr-topline.hdr-topline--dark

thanks for trying, but ill email the template designer and seek some assistance as im struggling now

thanks
ben

[balihr]

OK, now I'm intrigued. Which section EXACTLY are you trying to change? Perhaps a screenshot with a circled area would help (yes, a dummy guide, my brain has seen better days...)

[keneso]

What balihr suggested works fine, maybe a cache issue, have you tried clearing the cache?

[dbltoe]

For just the background of the MON TO FRI,

.container.row {background-color:#000000;}

will do the trick BUT, make sure your fonts and background colors pass the accessibility standards of WebAim.

If you change the top to black, make the change

.container.row {color:#FF5C7C;background-color:#000000;}

That will meet standards for that area.

You really need to review what the template is doing to you AND, what you are doing to the template. At least validate the HTML. Several body, head, and html start tags where there should only be one of each. Multiple div tags are started and left unclosed.

Code like this below will not work well and confuses ANY browser

</li></ul></li><li>

Just from looking at that small snippet, I can tell you ANY browser is lookiing for <ul> instead of the </li>.

There are also 128 CSS errors.

I would point out other areas that need accessibility help but the tool I use times out due to the current page's code problems.

Probably an hour of work will do a LOT of good.
Hang in there.