Lowering text in banner image

  • Resolved montein

    (@montein)


    8 years, 2 months ago

    Is it possible to lower the text in the banner image?

    I try this through Banner Image Settings. Now I use the subtitle section (I like the typography better) but it is too high in the image.
    I can make it only go lower by typing in something in the title section, but I don’t want to do that, and leave it blank.

    Any help is appreciated.

    M.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Imran Ali

    (@imranaliweb)

    8 years, 2 months ago

    Hi @montein,

    Thanks for contacting us,

    If you want to change or lowering text on your website, you can paste the following css code in custom css filed(Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    .slide-text-bg2 h1
{
font-size: 80px !important;
}

    Change font size according to your need.

    And if you want to remove slider title you can paste the following css code in custom css filed ( appearance >> dashboard >> appreance >> customize >> header setting >> custom css filed) 

    .slide-text-bg2 h1
{
display:none !important;
}

    Any confusion lets me know.

    Thanks

    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    Thanks a lot. I’ll get to work 🙂

    While working…. I can indeed change font size but trying to get the text lower in the banner still doesn’t work.

    • This reply was modified 8 years, 2 months ago by montein.
    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    The problem still exists:
    I can change font size but trying to get the text lower in the banner still doesn’t work.

    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    I need some help with this… Can the moderator reply?

    Imran Ali

    (@imranaliweb)

    8 years, 2 months ago

    Hi @montein,

    Could you please elaborate us more on your issue, and please share a screenshot of the issue you are facing, so that we can help you better regarding that.

    Looking forward to helping you.

    Thanks

    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    It is about this website
    http://performingopera.com/

    You see the text Performing Opera, in the blue picture. I want to lower that to about the hips of that moving woman 🙂

    I tried your first code:
    .slide-text-bg2 h1
    {
    font-size: 80px !important;
    }

    —-
    But this only changed the fontsize, it didn’t lower the total text.

    Hope this is helpfull.

    montein

    Imran Ali

    (@imranaliweb)

    8 years, 2 months ago

    Hi @mountain,

    For this paste the following css code in custom css field (Theme Dashboard >> appearance >> customize >> header setting >> custom css filed)

    .slide-text-bg2 h1
    {
    text-transform: lowercase !important;
    }

    Thanks

    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    I’m sorry but I think you misunderstand me. This new code changes the caps P en O (Performing Opera) to performing opera. I want to lower the whole text which is now on the bottom half of her face, to lower in the picture… somewhere around her hips

    http://www.performingopera.com

    montein

    Imran Ali

    (@imranaliweb)

    8 years, 2 months ago

    Hi @montein,

    Sorry for the inconvenience,

    for this paste, the following css code in custom css filed

    .slide-text-bg2
{
    margin-top: 100px !important;
}

    Change margin-top value according to your need.

    Thanks

    Thread Starter montein

    (@montein)

    8 years, 2 months ago

    Perfect!

    Thank you very much! Gratefull as always 🙂

    montein

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

The topic ‘Lowering text in banner image’ is closed to new replies.