You can do this from individual homepage settings. Check the video here: https://www.youtube.com/watch?v=tuMZF2WEeEE&ab_channel=ThemeRegion

Thanks, I found it.

How can I change the space between the letter?

If you check http://freelance-analytics-amsterdam.com/ you can see that below the name I wrote Data Scientist | Data Analyst, but it’s too spread out.

Thanks

Hi @Adnan Shawkat

How can I change the space between the letters under the Big head line?

If you check https://www.freelance-analytics-amsterdam.com/ you can see that below the name I wrote ‘Data Scientist | Data Analyst’, but it’s too spread out.

Thanks

I have used

CSS

h2 {
font-size: 90px !important
}

But now the header looks like a mess on mobile…

Hi there,

In this case you’ve to do some tricks you know. Here’s the code that you need to use on your custom css instead of overriding

.banner-info h2 {
    font-size: 90px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-info h2 {
        font-size: 65px;
        line-height: 65px;
    }	
}

This way it won’t break the styles or so. Hopefully this would help you fix the issue you’re having.

Regards

Hi Adnan,

thanks for your reply. I tried your code in the CSS, but it still looks like a mess… Even if I remove all the code, it looks the same. Is something broken?

Best,
Nadine

Hi @nadine_meyer,

There’s nothing wrong with the theme. Where are you actually having issues can you record a loom video maybe showing your issues so that we can have a look at it? So far the above would solve your issues but if it’s still happening we’d need to see exactly what’s happening. Can you share a video using loom which will help us better understanding your situation.

Regards

Hi Adnan,

yes, this is how the banner looks for me:

The letters of the first name and the last name are on top of eachother.

Hi @Adnan,

do you see the issue?

Hi there,

Sorry here you go please update the code that I provided earlier this will resolve the issue so far.

@media (min-width: 992px) {
    .banner-info h2 {
        font-size: 90px;
    }  
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-info h2 {
        font-size: 65px;
        line-height: 65px;
    }	
}

Hi Adnan,

happy new year,

That worked, thank you!!

Hi Adnan,

another question. There is still this big white space between the image and the top of the screen on mobile.
Can I remove that??

You can see it here:

Use below css to resolve the issue

@media (max-width: 767px) {
	.banner-content, #home-banner{
		height:400px
	}
        .banner-content .banner-info {
          margin-top: -60px;
       }
}