Okay
  Public Ticket #1419704
Colors and more
Closed

Comments

  • Gasparemy started the conversation

    Hello, Thanks you very much.

    I add all the css you gived me.

    1. I need the css code for the price of the homepage. For the automated products bar /navigation. (where are now the 4 Featured products)

    Look at thee Homepage at http://www.os-x-macstore.com/

    the price is black and old price grey, i need to change this colors too in red and green.

    2. if you add an item on the cart, the cart in the widget have black buttons, css codes?

    3. cart at the top color checkout is green and hover is black, how to change the black color?

    4. where you see Description on a product, how to add other one? Like Description, Tech. Description ...

    5. on related products, sale icon color are black too, how to change?

    6. on checkout "proceed to paypal" is black, code for change it?

    Thank you :)

  •  1,560
    Laborator replied

    Hi there,

    I've listed all the custom CSS in the answers below:

    1. This is for the price in green and red:

    .woocommerce .shop-item .item-info .price, 
    .woocommerce .shop-item .item-info .woocs_price_code  {
      color: green;
    }
    .woocommerce .shop-item .item-info .price>del span, 
    .woocommerce .shop-item .item-info .woocs_price_code>del span{
      color: red;
    }

    2. The cart buttons are shown in green, I cannot see any black button there.

    3. Couldn't understand where you mean, please try to explain it more exactly and if possible include a screenshot/url of that part.

    4. That's not possible through the theme or WordPress, you'll need any other plugin which can do that, I searched on Google and found this plugin and many others so it's up to you if you want to use them or not.

    5. This is the CSS for your sale button:

    .shop .shop-item .onsale {
        background: red !important;
    }

    6. This is the CSS code for it:

    .woocommerce .place-order .button {
        background: red;
    }   

    Here you will find a video that tells you how you can change the theme styling through Inspect Element option, please follow it:

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Gasparemy replied

    This one. The Cart checkout, if you go on it, it would change color in black. hover.

    Thank you

  •  1,560
    Laborator replied

    Hi Gasparemy,

    This is the code for it, so simply change it to the color you want:

    .btn.btn-primary:hover {
        background: red;
    }

    As shown in the video I have recorded, please follow it and see how you can do it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group