Hi

Can I ask which elements of Theme Magic control the colours in the horizontal bars below the titles:

Eg just under the word 'Welcome' on : www.holmfirthhead.co.uk/

To change it will affect other formatting

To target it specifically

h2.article-title, h1, .componentheading, .hikashop_checkout_page h2, .hikashop_container h2 {8px solid #E9E9E9}

h2.article-title a, h2.article-title span, h1 a, h1 span, .componentheading a, .componentheading span, .hikashop_checkout_page h2 a, .hikashop_checkout_page h2 span, .hikashop_container h2 a, .hikashop_container h2 span {border-bottom: 8px solid #b6b6b6;}

You just need to change the colour values

Cheers
Paul

Will that change all the colour bars? Header, footer etc?

There is also a large bar across the page just about the footer, I'd like all these to share the same colours. (In fact any that appear in this template)

To change them all via theme magic will change the colours for other aspects of the site

so you need to target them specifically using custom css

So you just need to create a list of styling elements with the same border colour

The styling above is for only the two different border colours that make up the the h1 and h2 header tags

Cheers
Paul

Sorry but I just don't know enough about styling elements to find out which ones to target and how to alter them.

I'll change h1 and h2 and get back to you if there are some elements showing in the wrong colours.

ok

Cheers

Thanks.

This appears to have changed the colour block underneath the titles, but not the rest of the grey bar.

How do I target that?

Thanks

Its a typo from me you need to add border-bottom: to the first snippet

Cheers
Paul

That already appears in the bottom of the first snippet.

How does that second part of the code need to be altered apart from the colour code?

h2.article-title, h1, .componentheading, .hikashop_checkout_page h2, .hikashop_container h2 { border-bottom: 8px solid red; }

h2.article-title a, h2.article-title span, h1 a, h1 span, .componentheading a, .componentheading span, .hikashop_checkout_page h2 a, .hikashop_checkout_page h2 span, .hikashop_container h2 a, .hikashop_container h2 span {border-bottom: 8px solid blue;}

Amend it so it looks like this

Thanks
the main bar under 'Welcome' looks great now.

The bar at the bottom of the home screen and those in the footer still have the old gray colour after the blue .

Yes that is a different snippet

This is only for heading tags h1 and h2

I'd look at using the Chrome developer tools to inspect elements and use the styles illustrated and add those same styles to the custom.css file with your colour values

Cheers
Paul

I'm really not sure how to do that.

Sorry to be a pain.

Hi

We do offer support packages available in 30 minutes / 1 hour chunks - I'm wondering if the best option may be for you to purchase one of these and we can carry out some tasks for you

Cheers
Paul

I think I'm nearly there with it - just need to know how to find the css to target those elements in the footer area.

#mainWrap .zen-container {border-bottom: 1px solid #E4E4E4;}

#bottomrow {border-top: 8px solid #E9E9E9;}

These are existing css for the two border elements

Cheers
Paul

Thanks a lot

No problem

Cheers
Paul