Colour for news items

[deejayhart]

Hi there – been playing around with the customiser but cannot seem to find what I need -I would like the “off” bg colour (colour dark grey) to be 7c0093 and the mouseover (below any photo) to be 00746b.

Thanks!

[Kyle – SUPPORT]

Hi

You need to go to Color – Shortcodes and edit http://d.pr/i/juZT/lRdfYPJK

– Kyle

[deejayhart]

Excellent – how about just the “off” state title “Hello World”?

[Kyle – SUPPORT]

That just uses the link text color

– Kyle

[deejayhart]

Hmm, that presents a problem – look at

http://www.alchemisty.com/shop “Add to Cart”. I’m presuming this will be okay if I can change the button colour – where is that? Sorry for the hassle 😉

[Kyle – SUPPORT]

So you want to use a dark background for your posts? It would make more sense to change the backgrounds to a light grey

– Kyle

[deejayhart]

No. I am fine with the posts and like the masnory blog article titles in white. I am asking about a different matter – look at the buttons – Add to Cart. You will see they are unreadable but would actually be fine if I could make the button itself purple?

[Kyle – SUPPORT]

They use the link color, so that will have to be set to dark as most of your site background is light. For the masonry blog items, add this to your custom css to make the title white:

.posts-type-bold a, .masonry-items .blog-item h2 a {
  color: #ffffff;
}
.masonry-items .blog-item .details-wrap .quote-excerpt a > p {
  color: #ffffff;
}

– Kyle

[deejayhart]

Sorry, not being clear.

I want the link text to be WHITE. See here – I changed it to blue but obviously this looks wrong – see quote.

http://www.alchemisty.com/news/

I just want the button BACKGROUND to be a dark colour – see Add to Cart. I would like the text to be white and the button itself to be purple.

Thanks 🙂

[Kyle – SUPPORT]

Ok try this

.products .product.buy-btn-visible > .product-actions > a {
  background-color: purple;
}

– Kyle

[deejayhart]

Not working – see Add to Cart. Here is all the recent CSS…

.single-product .page-heading h1.entry-title {
color: #00776e;
font-size: 42px;
}

.meta-row {
display: none;
}

.posts-type-bold a, .masonry-items .blog-item h2 a {
color: #ffffff;
}
.masonry-items .blog-item .details-wrap .quote-excerpt a > p {
color: #ffffff;
}

.products .product.buy-btn-visible > .product-actions > a {
background-color: #00776e;
}

[Kyle – SUPPORT]

Please provide me with a login so I can fix this for you

– Kyle

[deejayhart]

This reply has been marked as private.

[deejayhart]

Are you able to sort this please Kyle? Also, if you see NEWSS page, the links are still in blue despite me removing the colour, weirdly.

Big thanks 🙂

[Kyle – SUPPORT]

What have you done to make the links blue? This is browser default, have you removed theme css?

– Kyle