I’ve been trying to design a section of my website to look like the picture below. Does anyone know how I can achieve this? I can’t figure out how I can have a small image with text on the side and a caption below. Thanks for the help!
Hello @tenovapharma ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to product-template.liquid file → add this code to where you want
## Product Title
### Subtitle 1
### Subtitle 2
Go back to Assets folder → base.css file → add this code to style the section
.product-wrapper {
display: flex;
align-items: center;
}
.image-wrapper {
margin-right: 10px;
}
.title {
font-size: 18px;
font-weight: bold;
}
.subtitle {
font-size: 14px;
color: #888;
margin-bottom: 5px;
}
Save changes
Hope this can help.
Ali Reviews team.
Hi AliReviews,
I unfortunately cannot locate the product-template.liquid file nor the base.css file in the code. Is there any other way I can access it? Thanks.
