Add to Cart Button

Home Forums Monument Valley Add to Cart Button

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18581

    christophertong
    Participant

    Add to Cart Button

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Product Archive page currently have Add to Cart button protuding out below and Cart symbol.

    May I know,
    1. how to extend the box outline height to include the Add to Cart button like the attached?
    2. how to remove the cart symbol in shopping cart button like the attached?

    Thanks.

    Christopher

    #18585

    Oliver Juhas
    Keymaster

    Hi Christopher,

    You can modify the Add to Cart button using custom CSS like so:

    1. CSS code to reposition the button:
      ul.products .product .button,
      ul.products .product .added_to_cart {
      	position: relative;
      	left: auto;
      	top: auto;
      	margin: -2rem 0 2rem;
      	transform: none;
      }
    2. The icon actually shows the status of adding the product into cart, so I don’t recommend removing it. But if you really need to, here is the CSS code to use:
      ul.products .product .button::before,
      ul.products .product .added_to_cart::before {
      	display: none;
      }

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.