Archived topic
Woocommerce dropdown menu
5 replies · Started by Catalina on April 30, 2018
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!
Hi there,
Can you guide me to the page with the dropdown menu?
Let me know.
Sure Leo, it is in the shop page in the right upper corner.
Thank you!
Your CSS should work.
I'm not seeing it being added though. Can you add it in?
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;
}
Ahh yeah right.
Glad you figured out :)
