Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 19, 2020 at 1:33 am #1175950
    DivaNails

    https://ibb.co/bsKDxdt
    I am puzzling together infos how to style the Cart dropdown. As you can see in the screenshot, I use a background colour in my header (the main content background remains white). That’s why most of the text elements would be better visible in a different font colour (e.g. white cart icon, white text – I’ll probably play a bit more with the colours as soon as I know how).
    I indicated all the elements I want to change. Please note that I only want to modify the styles for these elements in the cart dropdown, not elsewhere on the page.
    Your extended CSS styling feature is really awesome, unfortunately I found no way to achieve these modifications there. Is it possible to see additional options to modify these elements there too in the future?
    Meanwhile, could you please provide me with the necessary CSS styles?

    Thanks,
    Thomas

    • This topic was modified 5 years, 3 months ago by DivaNails.
    January 19, 2020 at 7:57 pm #1176077
    Victoria

    Hey DivaNails,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    January 20, 2020 at 9:57 am #1176227
    DivaNails
    This reply has been marked as private.
    January 20, 2020 at 11:25 pm #1176510
    DivaNails

    Hi Victoria,

    Did you have time to look at my website and see about the context needed?

    Regards,
    Thomas

    January 23, 2020 at 9:54 am #1177477
    Ismael

    Hi,

    Sorry for the delay. You can use the following css code to change the default color of the elements inside the cart drop down including the cart icon, cart counter and the text (e.g product title, amount, price, quantity etc).

    .header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link, #top .header_color p.order-info mark {
	color: red;
}

#top .av-cart-counter {
	background-color: orange;
	color: #ffffff;
}

.header_color .woocommerce-tabs .tabs a, .header_color .product_meta, .header_color .quantity input.qty, .header_color .cart_dropdown .dropdown_widget, .header_color .avia_select_fake_val, .header_color address, .header_color .product > a .header_color .product_excerpt, .header_color .term_description, #top .header_color .price .from, #top #wrap_all .header_color del, .header_color .dynamic-title .dynamic-heading, .header_color .dynamic-title a, .header_color .entry-summary .woocommerce-product-rating .woocommerce-review-link, .header_color .chosen-container-single .chosen-single span, #top .header_color .select2-container .select2-choice, .header_color .woocommerce-MyAccount-navigation-link.is-active a {
	color: blue;
}

    Best regards,
    Ismael

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