How to Select & Configure Banner Layout & Content?

Last updated

You can choose a static image, video, or a slider on your banner section. The banner will be displayed at the top of your website.

Banner section demo

For a static image/video in the Banner Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose static/video under Banner Options. Choose Disable Banner Section if you do not want banner at all.

Static video banner blossom coach pro

  • Click Select Video and upload a video to your banner section. (Upload your video in .mp4 format and minimize its file size) You can also enter the Youtube video URL.
  • Click Add a new image to upload a new image for your banner section. The recommended size for your banner Image is 1920 x 700 px. ( You can use either video or image banner, not both at once. If you add both, the video banner would be displayed by default.)
  • Enter the Blossom Themes Email Newsletter Shortcode under Banner Newsletter. ( Please read Newsletter Settings for instruction on how to generate shortcode using Blossom Themes Email Newsletter Plugin )
  • Click Publish. 

Video-Static-Banner-Blossom-Coach.

For Static /Video  Banner with CTA

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Static/Video CTA Banner under Banner Options. Choose Disable Banner Section if you do not want banner at all.

Static Video CTA Banner

  • Click Select Video and upload a video to your banner section. (Upload your video in .mp4 format and minimize its file size) You can also enter the Youtube video URL.
  • Click Add a new image to upload a new image for your banner section. The recommended size for your banner Image is 1920 x 700 px.
  • Enter Title and Subtitle for your CTA.
  • Enter Banner Label and Banner link.
  • Click on Publish

CTA-Banner-Section-Blossom

For Slider in the Banner Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Banner as Slider under Banner Options. Choose Disable Banner Section if you do not want banner at all.

Banner as slider

Slider Content

Slider using Latest Posts

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Latest Posts
  • Select the Number of Slides 
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Select the Slider Speed
  • Select Slider Animation
  • Enter the Slider Readmore Label
  • Click on Publish

latest posts as slider blossom coach pro

Slider using Category

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Category
  • Select the Slider Category
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Select the Banner Slider Speed.
  • Select Slider Animation
  • Enter Slider Readmore label
  • Click on Publish

banner as slider using Category Blossom Coach pro

Slider using Pages

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Pages
  • Click on Add New Pages  & Select the Slider Pages
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Select the Slider Speed
  • Select Slider Animation
  • Enter Slider Readmore Label
  • Click on Publish

Slider using Pages Blossom Coach Pro

Custom Slider

Blossom Coach pro allows you to add custom sliders in the banner section. You can add custom images, titles, subtitles, and links in the banner section using the custom slider option.

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Click on Add new Slide
  • Click on Add Image to add the slider image
  • Enter the Title, Subtitle, and Link
  • Add more slider in a similar fashion if you wish to add more.
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Select the Slider Speed.
  • Select Slider Animation
  • Enter the Slider Readmore label.
  • Click on Publish

Custom slider Blossom Coach Pro

Still stuck? How can we help?
Was this article helpful for you?