Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Resolved] Woocommerce dropdown menu

Home Forums Support [Resolved] Woocommerce dropdown menu

Home Forums Support Woocommerce dropdown menu

  • This topic has 5 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #563879
    Catalina

    Hi,

    I contacted the woocommerce team to get help on how to increase the lower margin on their default sorting dropdown menu. They told me that in order to do so, i need to find the that dropdown element and adding a margin-bottom style on it. They did not offered more help since i have the free version.

    I tried finding the element, so i went into firefox web developer>inpector but I am not sure if it is the right name since my adventured to create a CSS but is not working. This is the code i tried:

    .woocommerce .woocommerce-ordering {
    margin-bottom: 110;
    }

    I am not sure if the problem is the CSS itself or the naming of the element.

    Any ideas?
    Thanks so very much for your help!

    GeneratePress 2.0.2
    #564192
    Leo
    Staff
    Customer Support

    Hi there,

    Can you guide me to the page with the dropdown menu?

    Let me know.

    #564295
    Catalina

    Sure Leo, it is in the shop page in the right upper corner.
    Thank you!

    #564598
    Leo
    Staff
    Customer Support

    Your CSS should work.

    I’m not seeing it being added though. Can you add it in?

    #564618
    Catalina

    Hi Leo,

    I found it! The problem is that in my CSS i forgot to add the px… I just did it and not it works!!! ๐Ÿ™‚
    Thank you!
    Catalina.

    Here is the corrected CSS:

    .woocommerce .woocommerce-ordering {
    margin-bottom: 50px;
    }

    #564622
    Leo
    Staff
    Customer Support

    Ahh yeah right.

    Glad you figured out ๐Ÿ™‚

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