Shopify themes, liquid, logos, and UX
Hi guys, how can I slightly enlarge the picture of my logo on hover in the footer section? Website: flammashop.com
Any help is greatly appreciated!
Hi bro ! You will need to change the class code of the logo. I think these codes will work.
.footer-logo:hover {
transform: scale(1.5);
transition: transform 0.3s ease;
}
I don't think it's considered my logo in terms of coding. I added an image section to the footer and then added a screenshot. I attached a picture for reference.
I don't think it's the same theme 🙂
Flammashop.com
The one you went to has one "m"
.footer-block__image-wrapper:hover {
transform: scale(1.5);
transition: transform 0.3s ease;
}
You can add these codes to the custom css field in the footer
Thanks brodie. Do you also know how to add a link to that image so that when it's clicked you're returned "home" aka the top of the page?
It can be done by defining the ID, but not this way. All you have to do is provide a link to the image in the customize field.
Gotcha. Where would I go to do that?
Hello @flammagreg 👋
In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.footer-block__image-wrapper:hover {
transform: scale(1.2);
}
Hope that helps!
Thank you. Do you know how I can add a link to the image to take the user to the top of the home page?
Hi @flammagreg
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.footer-block__image-wrapper:hover {
transform: scale(1.5) !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024