Streaming live at 10am (PST)

How do I style the default button without adding a class?


#1

I have a bit of code to display the cart “Add to Cart” on a website. All works fine.

On the mobile version, the button style is being overridden by iOS and looked horrible. @Foxy say to add the default w-button class to the code. Having done that, I now have the default blue button, and the same on mobile (iOS).

How do I style the default Webflow button? :face_with_monocle:

If I add a style, it obviously adds a class. If I give a class of w-button the button is then labelled _w-button w-button so is not the same.

CloudApp

CloudApp

CloudApp

Share link is included below, code and buttons are located on the CMS “Items Page”


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hi @markos84uk

I have a button on a hidden page styled how I want it, and named ‘buy-button-style’

Then the arrowed line in your screenshot - in the embed looks like this:

<input class="buy-button-style w-button" type="submit" value="Add To Basket" />

Hope that helps!


#3

The most appropriate GIF I could find for the situation… and my age.

Thank you!!! :hugs:


#4

I raise you:


#5

I like it. A Gifoff.