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

    Hello,

    I can’t see how to change the colors of the category drop-down menu, which is blue by default.
    Could you tell me how to change the color to use those defined in the theme?

    The same goes for the size of the small secondary fonts on the pages (such as the product name or VAT, for example).

    Thank you in advance.

    Have a nice day!

    Christophe

    #1416313

    Hey zemag33,

    Thank you for the inquiry.

    The category dropdown is not inherently part of the theme, so making changes to its style will require some CSS modifications. Please add the following code in the Quick CSS field.

    #top .select2-results {
        color: #111111;
    }
    
    .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
        background-color: #fbc307;
        color: #ffffff;
    }

    For the product title and other related elements, please use this.

    .products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
        padding-top: 5px;
        font-size: 2em;
        line-height: 1.3em;
        font-weight: normal;
        margin: 0;
    }
    
    #top .price, #top .price span, #top del, #top ins {
        display: inline;
        text-decoration: none;
        font-size: 1em;
        line-height: 24px;
        font-weight: 600;
    }
    

    Best regards,
    Ismael

    #1416395
    This reply has been marked as private.
    #1416409

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.