• How to change text on header

    nadine_meyer
    Participant

    Hi,

    how can I change the text on the header?

    Thanks,

    13 Replies
    Adnan Shawkat
    Keymaster

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

    nadine_meyer
    Participant

    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

    nadine_meyer
    Participant

    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

    nadine_meyer
    Participant

    I have used

    CSS

    h2 {
    font-size: 90px !important
    }

    But now the header looks like a mess on mobile…

    Adnan Shawkat
    Keymaster

    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

    nadine_meyer
    Participant

    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

    Adnan Shawkat
    Keymaster

    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

    nadine_meyer
    Participant

    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.

    nadine_meyer
    Participant

    Hi @Adnan,

    do you see the issue?

    Adnan Shawkat
    Keymaster

    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;
        }	
    }
    
    nadine_meyer
    Participant

    Hi Adnan,

    happy new year,

    That worked, thank you!!

    nadine_meyer
    Participant

    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:

    Simon
    Keymaster

    Use below css to resolve the issue

    @media (max-width: 767px) {
    	.banner-content, #home-banner{
    		height:400px
    	}
            .banner-content .banner-info {
              margin-top: -60px;
           }
    }
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.