Home › Forums › Support › Image positioning issue between browsers This topic has 4 replies, 2 voices, and was last updated 6 years, 1 month ago by Tom. Viewing 5 posts - 1 through 5 (of 5 total) Author Posts March 4, 2018 at 4:01 am #511093 _blank Hi, I am trying to position an icon within search input. I managed to do in in Firefox, but IE shows it differently. I know it may not be directly connected to the theme, but maybe it results from the theme css however? https://1drv.ms/u/s!Ajkoo-gGVQk2htkulJRAJSsT_92zqw March 4, 2018 at 4:03 am #511096 _blank hmm, I added screen image, but it’s not showing upon ticket submission. Let me know if you can’t access it. March 4, 2018 at 9:27 am #511375 TomLead Developer Lead Developer Hi there, Try this for the button: .your-button-class { background-color: transparent; background-image: url(URL TO ICON); background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; padding: 0; display: inline-block; vertical-align: middle; position: relative; left: -50px; } And this for the input: .your-input-class { padding-right: 50px; display: inline-block; } March 4, 2018 at 10:00 am #511415 _blank Works, cheers ๐ March 4, 2018 at 8:05 pm #511666 TomLead Developer Lead Developer Glad I could help ๐ Author Posts Viewing 5 posts - 1 through 5 (of 5 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In