Adding an image to Brooklyn theme

jaw5464
Tourist
11 0 1

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 

Reply 1 (1)

PaulNewton
Shopify Partner
6274 573 1319

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