Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2021 at 8:36 pm #1276609
    Caterisana

    Hi.

    Sorry for may bad english. :)

    1) Can I get any information about edit “add to cart button” in product sheet?
    In mobile version, the text of this button is too light, because in mobile version there is no hover effect (like pc). This is confusing for customers.

    2) And besides, I prefer to have only the “add to cart” button, not even the other “show details” button.

    Thank you.
    Domenico

    February 4, 2021 at 6:45 am #1277557
    Ismael

    Hey Caterisana,

    Thank you for the inquiry.

    1.) We could use the following css code to adjust the style of the product buttons.

    #top .avia_cart_buttons .button {
	min-width: 50px;
	float: none;
	width: 100%;
	text-align: center;
	border-radius: 0;
	padding: 11px 2px;
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	margin: 0;
	color: red !important;
}

    2.) And in order to remove the “show details” button, please use this css code. 

    .button.show_details_button {
	display: none !important;
}

    With the first css code, we also adjusted the width of the add to cart button and align it to the center.

    Best regards,
    Ismael

    February 4, 2021 at 5:28 pm #1277755
    Caterisana

    Thank you Ismael. Good job.
    It resolves the trouble.

    Best regards,
    Domenico

    February 5, 2021 at 7:47 am #1277873
    Nikko

    Hi Domenico,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to modify "add to cart" button in product sheet?’ is closed to new replies.