Okay
  Public Ticket #2640494
product page customizing
Closed

Comments

  •  3
    sonhostories started the conversation

    Hello,

    I have a question regarding the Kalium Fashion demo. There I saw that it is possible to change the color/style of the bottom description (see screenshot no.1). Within the labrator I could not find where I can change this. Could you help here?

    Also they have a size guide placed below the "add to cart" (screenshot no. 2). How can I do this?

    Thank you for your help

    Regards 

    Romana

  •  1,558
    Laborator replied

    Hi there,

    1. The demo has custom CSS, which I can provide if you want the tabs under the product to be black on white background.

    2. In the admin panel go to Laborator > Update Plugins and in the list of plugins is WooCommerce Product Size Guide which you have to install if you want to have a size guide in your site.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  3
    sonhostories replied

    Hi Art,

    1. that would be awesome to get the custom CSS for the tabs.

    2. I know, but what I mean is, is the position of this size guide flexible. Means I can decide if I like to place it over or under the cart?


    Thank you


    Regards

    Romana

  •  1,558
    Laborator replied

    Hi Romana,

    1. Add this CSS to Custom CSS to change the style of the tabs:

    /* Shop: Tabs */
    .woocommerce .woocommerce-tabs .entry-content {
        padding: 0px;
        background: transparent;
    }
    /* Shop: Tabs Remove Background */
    .woocommerce .woocommerce-tabs .tabs li {
        background: transparent;    
    }
    /* Shop: Tabs Font Size */
    .woocommerce .woocommerce-tabs .tabs li a {
        padding: 10px 20px 10px 0px;
    }
    /* Shop: Tabs - Hide Title */
    .woocommerce .woocommerce-tabs .entry-content h2 {
        display: none;    
    }
    /* Shop: Tabs - Remove Border Bottom */
    .woocommerce .woocommerce-tabs .tabs li.active {
        border-bottom: none;    
    }
    

    2. The size guide is static which means it cannot be moved through the theme options, it can be only changed through coding or modifying the theme if you're familiar with it.


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  3
    sonhostories replied

    Hi Art,

    thanks for your help!

    two things are still missing, I tried myself but nothing happend. I want the headers of the info box to be underlined and the whole box to be in the center of the page (like in the fashion theme screenshot I sent you).

    Could you let me know these two CSS codes?

    Thank you!

    Regards

    Romana

  •  1,558
    Laborator replied

    Hi Romana,

    I have added some missing code and it looks like in the demo now.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  3
    sonhostories replied

    Thanks a lot!