Need Help Creating this Design! -- small image with text on the side

Store Design
,
1

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!

Screenshot 2023-06-05 150438.png
Screenshot 2023-06-05 150438.png761×492 32.1 KB

2

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.

3

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.