[Resolved] Woocommerce dropdown menu

[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!

[Leo]

Hi there,

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

Let me know.

[Catalina]

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

[Leo]

Your CSS should work.

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

[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;
}

[Leo]

Ahh yeah right.

Glad you figured out 🙂

[Author]

Posts