Archived topic
Image positioning issue between browsers
4 replies · Started by _blank on March 4, 2018
Viewing posts 1–5 of 5
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?
hmm, I added screen image, but it's not showing upon ticket submission. Let me know if you can't access it.
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;
}Works, cheers :)
Glad I could help :)
This archived topic is closed to new replies.
