Custom content

Themes > Customize > Add sections > Custom content

Sometimes, you want to add more content to let customers understand about your products/brand. So, this section is a good place to try.
For example, you may be impressed with this type of design:
There are somethings inside
    Custom text
    Background color
    Images on the right corner
You can find them here:
In custom content, you can change the background color
Image part
Custom HTML
About this Custom HTML section, you may need some examples as below
Examlple 1
1
<div class="rte">
2
<div class="block__content-header">
3
<h2 class="section__heading">Details &amp; Specs</h2>
4
<p class="text-color-subtext">Get skincare made to fit—with some of the top acne-busting<br> ingredients prescribed by dermatologists nationwide.</p>
5
</div>
6
<div>
7
<ul>
8
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
9
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Each set includes envelopes</li>
10
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
11
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Dimensions: 4.25” x 5.5”</li>
12
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
13
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Smooth finish</li>
14
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
15
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Blank interior</li>
16
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
17
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Assorted sets of cards are packaged flat</li>
18
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
19
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Made in USA</li>
20
</ul>
21
</div>
22
</div>
Copied!
Example 2
1
<div class="rte">
2
<div class="block__content-header">
3
<h2 class="section__heading">Details &amp; Specs</h2>
4
<p class="text-color-subtext">Get skincare made to fit—with some of the top acne-busting<br> ingredients prescribed by dermatologists nationwide.</p>
5
</div>
6
<div>
7
<ul>
8
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
9
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Each set includes envelopes</li>
10
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
11
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Dimensions: 4.25” x 5.5”</li>
12
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
13
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Smooth finish</li>
14
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
15
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Blank interior</li>
16
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
17
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Assorted sets of cards are packaged flat</li>
18
<li style="font-size: 15px; line-height: 32px;" class="flex text-color-subtext">
19
<img class="mr-5" src="https://cdn.shopify.com/s/files/1/0595/7291/2305/files/icon-product.svg?v=1632122102">Made in USA</li>
20
</ul>
21
</div>
22
</div>
Copied!
Last modified 30d ago
Copy link