Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 28, 2015 at 2:31 pm #510105
    tremblayly

    Hi
    When I look at the promotional box text (title), I use H2, and the button, I use a large button, they do look aligned. I tried different CSS element changes like setting the promo box content margin top, but that adjust the top of the promo box. I tried .setting margin-top to 0 for avia-promocontent p + .avia-promocontent h2, but that still does not look aligned.

    Here’s my website link where you can see this issue (just above the owner’s picture):
    http://www.impactcrescendo.com/#julie

    Any help would be much appreciated
    Lyse

    September 28, 2015 at 2:44 pm #510117
    Yigit

    Hi tremblayly!

    Please add following code to Quick CSS as well and adjust as needed

    .av_promobox {
    padding-top: 10px;
}

    Best regards,
    Yigit

    September 28, 2015 at 2:56 pm #510128
    Elliott

    Hey tremblayly!

    Try adding this to your custom CSS.

    .avia-promocontent h2 {
    margin-top: 15px !important;
}

    Regards,
    Elliott

    September 28, 2015 at 3:06 pm #510137
    tremblayly

    Hi Yigit and Elliot,

    Yigit: your code did not work
    Elliott: yours worked.

    Question left, what if I change the title size, would I have to adjust the title margin-top every time and what if I change the button size, will is remain aligned?

    Thanks guys for your promptness!
    Lyse

    September 28, 2015 at 3:11 pm #510143
    Elliott

    Hey!

    Yes, you would most likely need to change the padding again.

    Cheers!
    Elliott

    September 28, 2015 at 3:15 pm #510147
    tremblayly

    Hi Elliot

    Ok then, which also means that if I ever I create other pages and use at different size for the promo box title (say H3), I will have adjust accordingly.

    Thanks
    Lyse

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Promo title and button horizontal alignment’ is closed to new replies.