Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 20, 2021 at 11:34 pm #1282550
    senhorvinho

    Hello,

    I have an urgent question: I really tried with all my css knowledge to style the drop down menu of the cart widget. All selectors I tried to change the styling didn’t produce what I intended them to.

    Can you tell me a way where I can style the drop down menu or why the selectors won’t work?
    e.g. #top .header_color .dropdown_widget .buttons {background:#18064f} or .woocommerce-mini-cart__buttons {background-color:#18064f}?
    I would also like to change the button names not just the colors and style of the background.

    Attached you find a screenshot of how the drop down menu of the cart widget is supposed to look like. At the moment its just white.
    You find also my credentials in the private space in order to take a look if necessary.

    Thank you very much for your help
    Regards,
    Verena

    February 23, 2021 at 6:08 am #1282966
    Rikard

    Hi Verena,

    The text is blue on my end, pretty similar to your screenshot. If you are not seeing that on your end, then please try loading the page in an incognito or private browser window.

    Best regards,
    Rikard

    February 23, 2021 at 11:22 am #1283026
    senhorvinho

    Hi Rikard,

    the issue is not the blue colored text but the overall style of the widget. I want the button background to be dark blue and to have borders between the items purchased. How can I change that? If there is no styling way in the advanced styling option of the theme, please tell me which css selectors are the right ones for
    a. the background of the buttons in the cart widget – NOT the button-background but the background behind the buttons! (and hover background of the widget when hovering over the items too)
    b. the text color of the buttons
    c. the borders between the items
    d. the text of the buttons (I want to change the text too – instead of “Warenkorb ansehen” just “zum Warenkorb” or just “Warenkorb”

    Can you help me with that?
    Thanks a lot
    Regards, Verena

    February 25, 2021 at 1:38 am #1283536
    senhorvinho

    Hi
    is there any solution you can provide for me?

    Thanks again
    Verena

    March 1, 2021 at 11:46 am #1284376
    senhorvinho

    Hello again,

    I fixed the problem in the meanwhile but there is one problem left: I set the colors of the remove button and it works until a certain width of the display. Then the button turns into other colors. I tried to figure out why it is working different in a responsive mode but I couldnt find it out.

    Can you help me with this?

    Thx, Verena

    March 1, 2021 at 11:20 pm #1284589
    senhorvinho

    Hi
    attached I send you a screenshot in order to explain the problem better.
    Please let me know, if you can help me here.

    Thx, Verena

    March 4, 2021 at 6:20 am #1285228
    Rikard

    Hi Verena,

    I’m sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#top .dropdown_widget_cart ul.product_list_widget li a.remove {
    background: white !important;
    color: yellow !important;
    text-indent: 0 !important;
}
}

    Best regards,
    Rikard

    March 4, 2021 at 11:07 pm #1285561
    senhorvinho

    Hi Rikard,

    thanks, it works fine!

    You can close this thread.

    Regards Verena

    March 5, 2021 at 4:44 am #1285587
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Styling of drop down menu cart widget’ is closed to new replies.