How to modify text font


  • Emanuel
    Newbie
     
    5 points

    Trying to change the fonts for Main Banner Block ( Design Setup -> Home Page -> Customize -> Main Banner Block )

    How to do it?

    Thank you


    Josh
    Josh
    Super Guru
     
    13,887 points

    Hello Emanuel,
    There are 3 text sections.Which section do you want to change font type?



    Emanuel
    Newbie
     
    5 points

    Q1
    So there are 5 different blocks. I am speaking about the “Block 1”.
    The title and the sub title font are too big.

    Q2
    At the same section, I am trying to put 1 picture as a background but the system doubles the picture instead of fitting it into the format. How can I make the picture fit/stretch into the box? If you need, I can provide screenshots. Thank you very much.


    Josh
    Josh
    Super Guru
     
    13,887 points

    Q1.Try below code under Theme Setup >General Setup >Custom css

    .jumbotron h1 {
    font-size: 5px;
    }
    .jumbotron h2 {
    font-size: 5px;
    }

    Q2.Try changing your banner size.Try 1149×400 same as demo banner size



    Emanuel
    Newbie
     
    5 points

    Q1 – it works, thank you

    Q2 – is there a way to resize the default size of the banner, I believe the height is too big for my needs. Thank you :)


    Josh
    Josh
    Super Guru
     
    13,887 points

    The size I gave you above is for the default image that came with theme (The handy man with a city background).If you need to change its size you can access the image in your theme files (DT/templates/template_directory_theme/demo/banner.jpg) then use a photo editor to edit size



    Emanuel
    Newbie
     
    5 points

    Thanks for replying.
    What I meant is resize the place where the text goes.
    I understand that the original size is 1149×400, I would maybe like to resize it to 1149×350 or 300 or any other size. I am not speaking of the .jpg file but rather of the entire area where the text goes.

    Thank you! :)


    Josh
    Josh
    Super Guru
     
    13,887 points

    Try below code.Reduce size to what you want.You can further reduce the font size to reduce the section size

    .jumbotron {
    padding-top: 18px;
    padding-bottom: 18px;
    }

    This reply was awarded the best answer by the topic poster.


    Emanuel
    Newbie
     
    5 points

    Thank you very much, you salved all my issues. I really appreciate it!


    Josh
    Josh
    Super Guru
     
    13,887 points

    You’re welcome Emanuel.Have a great day :)


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.