Shopify themes, liquid, logos, and UX
Hi all,
I am trying to add an image onto my homepage. Just a basic image but there is no option to do this on the brooklyn theme. There is a section that I can add "image with text" but that requires the image to either be on the left or right side, I want it to be centered.
Can someone help please? I'm not familiar with web site/coding so any help would be great!
If needed, my website is jessajewelry.com
Quickest method is to just add a slideshow with only 1 slide/image block
Alternatively create a Custom Html section and add the following, keeping mind this will affect ALL "image with text" sections on the homepage.
<style>
.feature-row .feature-row__item {
width: 100%;
flex: none;
text-align: center;
margin: 0 auto;
}
.feature-row .feature-row__item {
width: 100%;
flex: none;
text-align: center;
margin: 0 auto;
}
.feature-row .feature-row__text {
display: none;
}
</style>
If you want to have more "image with text" sections that aren't affected by this you will then need to modify the above to target that sections ID.
Always backup themes and files before making changes to code
Alternatively add this to your themes CSS style file without the style tags(<style></style>)
Otherwise the section featured-row.liquid needs to customized or duplicated&customized to be only for images.
Save time & money ,Ask Questions The Smart Way
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024