How can i adjust the wordings on my header

Store Design
1

How can I adjust the wordings as per below?

demor_support_0-1667979771656.png
demor_support_0-1667979771656.png1940×378 499 KB

Also, how can I adjust it if I want the wordings on the most left part or bottom part of my heading image?

Refer pic below.

demor_support_2-1667979995728.png
demor_support_2-1667979995728.png1855×883 242 KB

Here’s my customized theme’s URL:

https://demor.com.au/?_ab=0&_fd=0&_sc=1

2

@demor_support ,

.text-center {
    text-align: left !important;
}
h1.title--flex {
    width: 50%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Hello @demor_support ,

Add this CSS bottom of the theme.scss file.

.slideshow__slide .text-center.preventOverflowContent {
width: 100% !important;
text-align: left !important;

}
.slideshow__slide .content–centered{
bottom: 7% !important;
top: auto !important;
transform: translateY(-20%);
}

1 Like