[Support request] Could you please help me with some css for this element from aawp plugin?

[Trạng]

Hi there,

I want to custom a little bit for the product box generated from AAWP plugin. I contact them but they refuse to support with specific code.

I think this is simple but I don’t know how to call exact class for it so could you please help me (so sorry because this is not really related to GP 🙁 )

Screenshot

(1) About the clickable product title text -> i want to make it with black color without applying by default setting link color from my theme

(2) About the button -> I want to make it a little with bigger & bolded text for attention purpose.

Thank you so much!

[David]

Hi there,

is there a specific page on which i can see this ?

[Trạng]

Hi, I attach the link to page with mentioned element in private section.

Btw, this is the guidance from plugin developer: Screenshot

[David]

Try this CSS:

.aawp .aawp-product .aawp-product__content .aawp-product__title {
    color: #000;
}

.aawp .aawp-product .aawp-button {
    font-size: 20px;
}

[Trạng]

Hi David, it works like a champ.

But can I mind you a little more?

Which css code do I need to add to make the button text bolded? 😀

[David]

Add the font-weight property like so:

.aawp .aawp-product .aawp-button {
    font-size: 20px;
    font-weight: 900;
}

[Author]

Posts