Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Custom Add To Cart Button Rate Topic   - - - - -

 
  • becomarius
  • Senior Member
  • Members
  • Join Date: 09-Feb 12
  • 150 posts

Posted 03 February 2019 - 02:05 PM #1

Custom add to cart button

 

Where i cand find exact css part for this bottom to change it ?!

 

Thanks


CS Cart lovers


 
  • soft-solid
  • Junior Member
  • Members
  • Join Date: 19-Apr 10
  • 577 posts

Posted 03 February 2019 - 02:11 PM #2

Hello

 

/design/themes/responsive/css/styles.less

 

Best regards

Robert.


Team of SoftSolid
cs-cart.pl

 
  • becomarius
  • Senior Member
  • Members
  • Join Date: 09-Feb 12
  • 150 posts

Posted 03 February 2019 - 03:41 PM #3

some easy way for limited css skils ?

i now that we must change css code in more places

 

a replace command will be easy way for me


CS Cart lovers


 
  • al-bert
  • Member
  • Trial users
  • Join Date: 27-Jul 18
  • 45 posts

Posted 03 February 2019 - 04:28 PM #4

some easy way for limited css skils ?

i now that we must change css code in more places

 

a replace command will be easy way for me

 

You may wish to see this thread https://forum.cs-car...r/?fromsearch=1

 

Near bottom of thread, it's my CSS that I used to style mine and a preview. 



 
  • becomarius
  • Senior Member
  • Members
  • Join Date: 09-Feb 12
  • 150 posts

Posted 03 February 2019 - 06:15 PM #5

yes... thanks. that i mean easy way

 

now i must to search a padding in two color... like this

 

cart.jpg


CS Cart lovers


 
  • becomarius
  • Senior Member
  • Members
  • Join Date: 09-Feb 12
  • 150 posts

Posted 03 February 2019 - 08:02 PM #6

.ty-btn__add-to-cart {
    color: #000;
    font-size: 12px;
    line-height: 22px;
    background-color: #D71440;
    min-width: 14px;
    height: 33px;
    padding: 2px 20px 2px 45px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
font-weight: bold;
  background-image: url(shopping-cart-512b.png);
  background-color: #FF9016;
  background-position: left bottom, right top;
  background-repeat: no-repeat, repeat;
  background-size: 33px;
 
}

Look nice

Except 1/2 pixel in left side but i don`t how to remove

 

But it is only main button

I need for hover to


CS Cart lovers


 
  • al-bert
  • Member
  • Trial users
  • Join Date: 27-Jul 18
  • 45 posts

Posted 04 February 2019 - 02:45 AM #7

Look nice

 

Hey, It does look good! 

Wish I could help but I don't have CSS skills  :unsure:

Let me know how it came out