Hi,
I am doing a image with text overlay and I want to have the text center right (an option on the backend, not the code) but then I want it left justified. I went into the code and tried to use div to make it text align left but the “text_alignment” seems to be overridding it. Any help?
Some screenshots (ignore any other differences, just looking for the text to be aligned left on the right side.) And here is the code:
“16462779439a6f6319”: {
“type”: “image-with-text-overlay”,
“settings”: {
“image”: “shopify://shop_images/Sequence-01.00_00_30_22.Still011.jpg”,
“image_position”: “center center”,
“mobile_image_position”: “center center”,
“height”: “fixed”,
“height_desktop”: 600,
“height_mobile”: 500,
“subheading”: “”,
“title”: “”,
“title_size”: 46,
“use_h1”: false,
“text”: “
It breathes with you</strong></p>
Sweats with you<br/><br/>It’s got you covered</strong></p>
It’s your skin</strong></p>
And you need it in your corner</strong></p>
If you work hard in training, the fight is easy</strong></p>
Every contender knows</strong></p>
Training is everything</strong></p>
We developed our performance skincare products to train your skin</strong></p>
Because our skin is our self-confidence</strong></p>
Champions know confidence is key to victory - whatever ring you are in</strong></p>
See you in the ring</strong></p>”,
“enlarge_text”: false,
“button_label”: “”,
“image_link”: “”,
“text_alignment”: “center right”,
“full_width”: true,
“mobile_overlay_under”: true,
“overlay_style”: “full”
}
What it is currently:
What I want it to be:
