How to move my font to the right, and also decrease the font size (Debut Theme)

Solved
larsoaa
Tourist
10 0 0

Hi Guys!

I have watched some YT videos and also used some time here on the forum but I can't find the solution to my problem.

I want to have a chance to scale my headings up and down to find the right size for my main page.

The second question I have is how to get the opportunity to move the headings to the right and also increase the linelenght before it goes to two lines.

 

Can somebody help me?

 

0 Likes
larsoaa
Tourist
10 0 0
Natztech
Shopify Partner
598 154 368

@larsoaa  can you please provide screenshot which section do you want to change font size and alignment 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
larsoaa
Tourist
10 0 0

Skjermbilde 2021-04-14 kl. 11.23.32.png

0 Likes
larsoaa
Tourist
10 0 0

"Vi kommuniserer med Norges belfolkning på en moderne måte"

I want this to be smaller and not cover the whole site but only the right side.

 

"Studentmarketing tilbyr markedsføringstjenester som hjelper bedrifter med å nå markedssegmenter i alderen 15-35 år - det vil si Norges fremtid!"

I want this to be smaller and not cover the whole site but only the right side.

0 Likes
Natztech
Shopify Partner
598 154 368

@larsoaa   do you want to look like this see screenshort http://prnt.sc/11dkp1u 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
larsoaa
Tourist
10 0 0

More like this, just the oposite side

 

Skjermbilde 2021-04-14 kl. 11.42.27.png

0 Likes
Natztech
Shopify Partner
598 154 368

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 @media only screen and (min-width: 750px)
{
  .template-index .text-center {
  text-align: right !important;
    font-size: 23px !important;
} 
.template-index .text-center .mega-subtitle {
    max-width: 100% !important;
    text-align: right !important;
    font-size: 23px !important;
}  
#shopify-section-hero-1 .text-center {
    text-align: right !important;
} 

#shopify-section-hero-1  .text-center .mega-subtitle--large >p{
	max-width: 100% !important;
	 text-align: right !important;

}

}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
larsoaa
Tourist
10 0 0

Skjermbilde 2021-04-14 kl. 11.56.22.pngSkjermbilde 2021-04-14 kl. 11.56.32.png

0 Likes
larsoaa
Tourist
10 0 0

It didn't work as you see with the pictures upwards

0 Likes