Hi there,
I wish to reduce the height of background color on my donate button (http://dev.worldfuturecouncil.org/).
I couldn’t figure out how to do that without affecting the rest of the menu items.
Thanks!
Hi worldfuturecouncil!
You mean you want to control the size of the background it gets?
Apply the background color to
#menu-item-4013 { } and then, based on that assign the height / padding area of the element.
Best regards,
Basilis
Hi, thanks for the answer!
I had tried that already, and I had this result already http://dev.worldfuturecouncil.org/wp-content/uploads/2016/01/Captura-de-pantalla-2016-01-24-a-las-17.39.18.png, which is not what I’m looking for.
Any ideas?
Thanks!
Hi!
can we please have access to your backend.
Can not make it happen with debugger, would like to try some changes to the CSS
Thanks
Regards,
Basilis
Sure, there it goes.
Thanks!
Hi!
try this code in Quick CSS field:
#menu-item-4013 {
height: 30px;
top: 28px;
}
#menu-item-4013 span.avia-menu-text {
position: relative;
top: -30px;
}
and adjust as needed.
Best regards,
Andy
Hi there,
It didnt change. I inspected the element and i think it didn’t even recognize that code. Any ideas?
Thanks!
Hi!
can u please also add !important to the CSS and let us know if that works better?
Best regards,
Basilis
Hey!
also please clear browser cache and hard refresh a few times.
Cheers!
Andy