Cipi is a blog template, widely loved for its harmonic combination of images, video and texts.
About template Cipi
Cipi includes 3 sections:
- The first section has a banner image for the page, catching viewer’s attention.
- The second one includes Heading, Paragraph, Video, Images, List and Product List elements, showing main content of the page.
- The last one acts as a footer with Heading, Paragraph and a Mailchimp element.
Let’s look into it one by one.
This section only has an image background to catch the view’s attention or briefly introduce about the blog post.
To change the image background, choose the Section > Styling tab > Background section > change the source in Image field.
Remember to set the option for Position, Repeat, and Size.
To edit the height of the section, stay in Styling tab > Box Style section> edit Top and Bottom padding.
This section has 3 columns.
The first and third column are used as two blank bars on the side for decorative and spacing purpose.
Don’t forget to pick a suitable heading tag (good for SEO) for Heading element. Then, go to the Styling tab to stylize the text.
To switch the video inserted in the Youtube element, select the element > General tab > insert another youtube link into Youtube Video URL field. There are options related to the video like Ratio, Loop, Autoplay, etc in the General tab as well.
To change the image in the Image element, choose the Image > General tab > Content section > change the source in the Image field. Remember to set the option for Image Size, Image Style and pick a suitable text for Alt Text and Title Text (good for SEO).
Lastly, the Product list element at the bottom can promote your products related to the content.
In the template, this element doesn’t link to any collection yet and you can populate it by choosing the Product list > General tab > Filter section > pick the desired collection from your Shopify store in Collection field.
To change the background color of this section, choose the Section > Styling tab > Background section > pick another color in the Color field or give it a background image in the Image field.