How to change attribute button color

[Caminoalbergue]

I am using Hivepress and want to change my attribute button color from the standard grey. I have my attribute set as the Block and Page Ternary.

any help much appreciated as I couldn’t find the answers in the community

[ChrisB]

Hi @Caminoalbergue,

This is a simple CSS tweak. If you could post a link to your site, either myself or someone else in the community will be able to help recolour the specific buttons that you’re referring to.

Cheers,
Chris

[Caminoalbergue]

Hi Chris, its caminoalbergue.com

[Caminoalbergue]

I’d like it the same colour as the +Add Listing button

[ChrisB]

Hi @Caminoalbergue,

Thanks for the link. I’m not at my computer just now, but I’ll give you a snippet once I get back home.

Cheers,
Chris

[ChrisB]

Hi @Caminoalbergue,

In the back-end of WordPress, visit Appearance > Customise > Additional CSS

Paste the following in the box:

.hp-listing__attribute.hp-listing__attribute--book-this-albergue .button,
.hp-listing__attribute.hp-listing__attribute--website .button {
    background-color: #2175BF;
    color: #FFFFFF
}

Don’t forget to save the changes!

Also for your Phone attribute, you can use the following display code to make the phone numbers clickable, if you prefer:

%label%: <a href="tel:%value%" target="_blank">%value%</a>

I hope this helps!

Cheers,
Chris

[Caminoalbergue]

@ChrisB

%label%: %value%

really appreciated Chris. thanks you