TextArea text_alignment Schema

AntonC
Excursionist
55 1 1

Hi All

Would anyone know if this could be made to work for text alignment in the images-with-text-overlay section?

  {
    "type": "textarea",    
    "id": "text",
    "label": "Text",
    "default": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story."
    },
    {
    "type": "select",
    "id": "align_text",
    "label": "Text alignment",
    "default": "left",
    "options": [
    {
    "value": "left",
    "label": "Left"
    },
    {
    "value": "center",
    "label": "Centered"
    },
    {
    "value": "right",
    "label": "Right"
    }
    ]
    },
I know it will also need <div class="align-the-text_{{ section.settings.align_text }}">
 
tnx all
0 Likes
paramSoft
Shopify Partner
1416 230 613

Please add me as a staff member

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
AntonC
Excursionist
55 1 1

https://mentmore-power-services.myshopify.com/
vickit

screenshot.png

 

this is the 'image-with-text-overlay' section

{% schema %}
{
"name": "Image with text overlay",
"class": "section section_homepage section_image-with-text-overlay",
"settings": [
{

0 Likes
paramSoft
Shopify Partner
1416 230 613

Please place this code at the end of theme.scss

#shopify-section-161115940755f5cee8 .section_wrap flexible_block__small  .container .row {
margin: 0px;
}

#shopify-section-161115940755f5cee8 .section_wrap flexible_block__small  .container .row .col-md-6 {
width: 100%;
}
#shopify-section-161115940755f5cee8 .section_wrap flexible_block__small  .container .row .col-md-6 h1,
#shopify-section-161115940755f5cee8 .section_wrap flexible_block__small  .container .row .col-md-6 p {
text-align: center;
margin: 0px;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com