Sort by and submit button are too small - how can I change

(Gab) #1

v5.3.2.1

I have tried to change the font size etc but nothing works. It is obviously a default somewhere. How can I change it. I have added a photo.

(Byrne) #2

Form buttons and inputs (like the dropdown) are set with browser default styles.
To make a size change to the font you will need to update the CSS font-size.

Something like… https://jsfiddle.net/andrew1/7LoLg17L/5/

Make sure you check in a range of browsers because of the default size they can vary in final result.

(Gab) #3

Thanks for your help. Unfortunately the class sq-form-field" looks like it is over riding the css

(Byrne) #4

Your ID contains a “#”

while in the css you need to reference the id as “#style”
The attribute used in the HTML should be “styled”

You should be able to make the css override anything you like, by making the css rule slightly more specific.