Form input display issue

I’m having trouble displaying the first input firld in this form propery:

I displays well if I remove the padding in inspect element but if I put:

#SB_0905caabf6 .hcsb_citySearch { padding: 0em 5px !important; }

in the css it is not making a difference to the code?

Try putting:-

{ padding: 0 5px !important; }

If you set a value as zero, you do not need to state a unit.

I,ve tried a few variations and nothing seems to work. I have this now:

#SB_0905caabf6 .hcsb_citySearch { padding: 0 5px !important; }


The ID that you have identified does not exist in the HTML. In fact, those IDs seem to be randomly created each time the page is loaded/reloaded.

Please add the following to your local stylesheet. It should fix the text problem that you are reporting.
(NOTE: there are no spaces in the long selector…)

.hcsb_citySearch.hcsb_hint.ui-autocomplete-input {
    padding: 0 0 0 5px !important;

Genius!!! Thanks @ronpat

1 Like

This had fixed it but for some reason the issue appears to be back but only in firefox?

Oh strange, seems to be fine again now!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.