Okay
  Public Ticket #1308080
Elements adjustment
Closed

Comments

  • ivan994 started the conversation

    Hello!

    How do I control these elements? The add to cart is too small/the title if too long it interferes with the add to cart button. 

    Size and color of currency also. Is there any way to adjust these through the theme options? 

  •  1,560
    Laborator replied

    Hi Ivan,

    The font size and type is not really customizable through theme options, if you want to change anything tell me what you want to change and how you want it to be and I will give you the Custom CSS for it, right now I have added the following CSS so the Add to cart and product title will not interfere with each other.

    .woocommerce .shop-item .item-info h3 {
        margin-right: 60px;
    }
    

    P.S. The link you are including here isn't working, instead I visited this one: http://lx9zd.hosts.cx/, can you tell me which is the right one?

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • ivan994 replied

    Thank you for the code Alex. The site you have is the working now, I was trying to send you the page affected. 

    Also, how can I change the size of the add to cart and put a border around it etc? 

    Thanks!

  •  1,560
    Laborator replied

    Hi ivan994,

    What do you want to do to the cart, at the moment it seems that it's simple text and not an icon.

    I will give you the CSS if that is possible, just tell us what you want to achieve and we'll see if that is included in the theme support.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • ivan994 replied

    For now I will need the css for the add to cart button, for bold, font size, color attributes.

    Thanks!

  •  1,560
    Laborator replied

    Hi there,

    Add the following CSS in the Custom CSS to make changes to the add to cart button:

    .woocommerce .shop-item .item-info a[data-product_id].is-textual {
        border: 1px solid red;
        font-weight: 600;
        font-size: 14px;
        color: red;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group