Form input display issue

HTML & CSS
1

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

http://muslimbookers.com

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?

2

Try putting:-

{ padding: 0 5px !important; }

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

3

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

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

hantaah,

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;
}
5

Genius!!! Thanks @ronpat

1 Like
6

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

7

Oh strange, seems to be fine again now!

8

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