I want to add a background image to the rich-text--dynamic.liquid section

TaylorClem
Tourist
7 0 2

I want there to be a specific background image for a section on my home page. 

Please could someone help?

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11971

@TaylorClem 

Welcome to the Shopify community!
and Thanks for your Good question.

Please rich-text section code,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TaylorClem
Tourist
7 0 2
@KetanKumar

Is this what you’re looking for?:

{% render 'content--rich-text' with
id: section.id,
section_style: section.settings.section_style,
alignment: section.settings.alignment,
overline: section.settings.overline,
title: section.settings.title,
text: section.settings.text,
text_max_width: section.settings.text_max_width,
link: section.settings.link,
link_text: section.settings.link_text
%}

{% schema %}
{
"name": "Rich text",
"class": "section-dynamic section-borderable",
"settings": [
{
"type": "header",
"content": "Section style"
},
{
"type": "select",
"id": "section_style",
"label": "Style",
"default": "default",
"options": [
{
"value": "default",
"label": "Default"
},
{
"value": "contrast",
"label": "Contrast"
}
]
},
{
"type": "header",
"content": "Section content"
},
{
"type": "text",
"id": "overline",
"label": "Small heading"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default":"This is the Rich text section"
},
{
"id": "text",
"type": "richtext",
"label": "Text",
"default": "

Use this text area to share information about your
brand with your customers. Describe a product, share announcements, or
welcome customers to your store.

"
},
{
"id": "link",
"type": "url",
"label": "Link"
},
{
"id": "link_text",
"type": "text",
"label": "Link text"
},
{
"type": "select",
"id": "alignment",
"label": "Alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "range",
"id": "text_max_width",
"label": "Max width of text",
"min": 16,
"max": 50,
"step": 1,
"default": 36
}
],
"presets": [{
"name": "Rich text",
"category": "Text"
}]
}
{% endschema %}



KetanKumar
Shopify Partner
36839 3635 11971

@TaylorClem 

Yes, but something is missing this code

if possible to add me staff so i will check and fix

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

suyash1
Shopify Partner
9031 1123 1482

@TaylorClem - it can be done, please share your website URL and password , if any.

We will need to use custom css for it.

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video created using AI