A user wants to reposition a button on their Impact theme’s hero banner slideshow. The button currently sits at middle-bottom, but they need it at bottom-right (15px from bottom, 15px from right) to avoid covering banner text.
Attempted Solutions:
float: right !important for .banner__content and .banner__buttonCurrent Status:
<head></head> tags insteadI use the impact theme, on the main landing page hero image banner (the theme calls that image Template - Slideshow) I want to move the button, presently it’s middle bottom. I’d like it at right bottom so it doesn’t cover text on my banner. Any suggestions?
Site: strongafstyle.com
Hi, @SAF2
I can’t find out the button in image banner. Please share screenshot.
@Acme I don’t have it up as it covers part of my banner text but here is what it looks like in a test environment. I can use the desktop position setting but I need more ability to customize location
Hi @SAF2
I couldn’t locate the buttons you wanted to relocate. Since the banner is clickable, it looks like the buttons aren’t necessary. Let me know if you still need any adjustments.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Any ideas on how to choose the custom spot for the button?
Navigate online store → theme → edit code.
Open theme.liquid.
{% style %}
banner__content {
float: right !important;
}
banner__content {
float: right !important;
}
{% endstyle %}
Unfortunately it didn’t change the location, it isn’t overriding that section, I’d like to get the banner 15 pixels from bottom, and 15 pixels from right.
Excuse me, please try put again follow code in .
{% style %}
banner__content {
float: right !important;
}
banner__button {
float: right !important;
}
{% endstyle %}
