Home Forums WoodMart support forum Icon in add to cart button single add to cart

Icon in add to cart button single add to cart

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #436465

    makexpertmodsrl
    Participant

    I want a cart icon in the “add to cart button”.
    Is this possible in your theme?
    Please see the screen shoot attached
    Thank you

    Attachments:
    You must be logged in to view attached files.
    #436766

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .single_add_to_cart_button:before {
    	position: absolute;
    	inset-inline-start: 0;
    	content: "\f105";
      font-family: "woodmart-font";
    	opacity: 1;
    	width: 42px;
    	height: 42px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	font-size: 16px;
    	background-color: #E84744;
    	transition: all .3s ease;
    }
    
    body .single_add_to_cart_button:after {
    	inset-inline-start: 20px;
    }
    
    body .single_add_to_cart_button.loading:before {
    	color: transparent;
    }
    
    body .single_add_to_cart_button {
    	padding-inline-start: 60px;
    }
    
    body .single_add_to_cart_button:hover:before {
    	background-color: red;
    }

    Best Regards

    #436790

    makexpertmodsrl
    Participant

    ok ticket close

    #436980

    If you have any questions please feel free to contact us.

    Best Regards

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