Return to previous page

Dropdown menu widget padding text - by peppe

This topic has 8 replies, 3 voices, and was last updated 10 years, 9 months ago ago by Jack Richardson

peppe

Participant

May 28, 2014 at 09:45

hello!
I would like to put some more left margin to the text “select category” and “any brand” sidebar widget dropdown menu after the image dot, see example here:
http://www.thebrandshop.it/catalogue/test/

I’ve edited .select css tag but I can’t find the text one.
thanks a lot!

#5216 Copied

7 Answers

Eva Kemp

Participant

May 28, 2014 at 09:56

Hello,

Try to add this code in custom.css:
select { padding-left: 20px; }
If the issue is still there please provide us with admin panel access.

Regards,
Eva Kemp.

#5219 Copied

peppe

Participant

May 28, 2014 at 10:00

thanks a lot works perfect!
another question regarding the dropdown menu list, what is the selector?
I would like to add a background img and padding it more bottom

thanks a lot!

#5221 Copied

Jack Richardson

Support staff

May 28, 2014 at 10:14

Hello,

Sorry, but unfortunately this requires additional customization. We recommend you to create a ticket at https://support.8theme.com/ and our specialists will look into it.

Regards,
Jack Richardson

#5223 Copied

peppe

Participant

May 28, 2014 at 12:11

Ok Thanks. Could you name yhe css selectors relative to dropdown list?Thanks

#5241 Copied

Jack Richardson

Support staff

May 28, 2014 at 12:33

Hello,

To find what element to edit you can use “Inspect element” in Firefox or Chrome browser. Just right click on the element in your site and select “Inspect element” from the menu.

Regards,
Jack Richardson

#5243 Copied

peppe

Participant

May 28, 2014 at 12:37

Thanks for the reply. When I use tge Firefox inspector I can’select the dropdown list but only the dropdown box(.select).
Thanks agaib

#5247 Copied

Jack Richardson

Support staff

May 28, 2014 at 13:19

Hello,

Unfortunately, CSS3 doesn’t contain any extra features for styling <select> boxes. Furthermore, any attempt to style them using CSS will end up in a cross-browser mess.

The way to go would be Javascript/jQuery, if you have appropriate skills.

Regards,
Jack Richardson

#5252 Copied
Viewing 8 results - 1 through 8 (of 8 total)