Customiser button styling

  • Resolved psopacua

    (@psopacua)


    11 months ago

    Hi all,

    At the moment i use “Appearance > customise > Additional CSS” to style the buttons of Card Type 2.

    custom css:

    [data-products=type-2] .ct-woo-card-actions .button {
	color: #ffffff;
	background-color: #12f21d;
}
[data-products=type-2] .ct-woo-card-actions > .button:hover {
	background-color: #11c91a;
}

    I do this because if i do it through “Appearance > customise > General > Buttons > Design” that styling is overruled by Blocksy.

    My question is, is this the correct way or did i do something wrong so blocksy overwrites it?

    thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Eduard

    (@cteduard)

    Hello @psopacua

    Do you happen to have a live URL where we could check a few things out?

    Thanks!

    Thread Starter psopacua

    (@psopacua)

    hi @cteduard,

    offcourse, https://www.vaknoord.nl/

    Eduard

    (@cteduard)

    Hello @psopacua

    Ok, so I see what you’re trying to do there. The Type 2 look for product cards doesn’t have specific button adjustments, so these would need to be integrated using CSS indeed. They also do not respond to the general button settings since they are considered to be part of the entire Type 2 design.

    I can confirm that what you’re doing is correct. I see no possible problems there.

    Hope this clears things up!

    Thanks.

    Thread Starter psopacua

    (@psopacua)

    Hi @cteduard,

    Great good to hear!

    Well during reading your post i was like, hmmm now i do it this way and it is confirmed that it is the good way. But what i also can try is take the css variable of the palette and put that on the place of the color in the conditional CSS. So the card type 2 is still linked to the palette with some manual adjustments. (Not sure if it works but it should if i am right haha).

    Big thank you for checking it out and replying fast :)!

    Lovely support!

    • This reply was modified 11 months ago by psopacua.
    Eduard

    (@cteduard)

    No worries, @psopacua Glad I could be of service. ??

    But yes, what you did seems to be a-Ok. I don’t see any problems with your implementation, from what you’re describing.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Customiser button styling’ is closed to new replies.