Moving Special Offer Banner

  • Author
  • #151154

    Love this theme!

    I’m wondering if it would be possible to move the Special Offer Banner to be positioned under the Features and Services Section on the front page. It would help to break up the large text areas, since we’re not using the Team Section.

    The site in question is

    Thank you for your help.

    The blog I need help with is: (visible only to logged in users)

    Original poster

    Any response to this question? Thanks!

    Theme Author

    Hi there,

    Check if this helps and keeps the site front-page as you expect. Add them via Customize > CSS

    #page { display: flex; flex-direction: column; }
    #masthead { order: 1; }
    #hero { order: 2; }
    .features { order: 3; }
    .special-offer { order: 4; }
    #front-page-blog { order: 5; }
    #front-page-blog .call-to-action { margin-top: 20px; }
    #front-page-ancillary { order: 6; }
    .flourish { order: 6; }
    #tertiary { order: 7; }
    #colophon { order: 6; }


    Original poster

    Thank you, that did the trick! However, the Special Offers Banner needs some blank space at the bottom, as it’s now sitting too close to the Recent Posts section. Any CSS magic for that? Thanks in advance!

    The site in question is

    Original poster

    Update – Unfortunately, although the CSS change provided above did move the Special Offer Banner on the Home Page, it also moved the colored header from the other pages and moved it down, above the footer. I did remove the updated code as it severely affected the website. Any help is appreciated.

  • The topic ‘Moving Special Offer Banner’ is closed to new replies.