How to select & Configure Banner Layout & Content?

You can either follow the video or the below steps to configure this section in the Blossom Wedding Pro theme.

You can set up 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

To set up your banner:

  • Go to Appearance > Customize > Banner Section
  • Choose either Banner as Slider, Static/Video Banner, Static/Video Countdown Banner or Disable Banner (if you do not want banner at all)
  • Click on Publish

Contents

  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Banner as Slider

Slider Content

Slider using Latest Posts

  • 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)
  • Select the Slider Speed
  • Enable Slider Caption. (Blue is Enabled)
  • Select Slider Animation
  • Click on Publish

Banner as slider with latest posts

Slider using Category

  • 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)
  • Select the Banner Slider Speed.
  • Select Slider Animation
  • Click on Publish

Banner as slider using category

Slider using Pages

  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Pages
  • Select the Slider Pages
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Select the Slider Speed
  • Select Slider Animation
  • Click on Publish

Banner as slider using pages

Custom Slider

Note: While using a custom slider, you can add your desired images, link, and texts in the slider section.

  • 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, Date, 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
  • Click on Publish

Banner as slider using custom

Static/Video Banner

Note By default, in WordPress, the audio is muted in Video Header and the fallback image is used instead of Video on mobile devices. So to avoid design, please set both banner image too to display on mobile devices.

Please follow the below steps to add a Static/Video Banner on the banner section of your website.

  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Static/Video CTA Banner under Banner Options.
  • Upload the Header Video or Enter the YouTube URL of the video. Also, you can upload images in the banner section by clicking on Add new image. If you add both video and image in the banner section at the same time, it will only show video by default.
  • Enter the Banner Title, Sub Title & Description
  • Click on Publish

Configure banner section blossom wedding pro

Static/Video Countdown Banner

Please follow the below steps to add a Static/Video Newsletter Banner on the banner section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Static/Video Newsletter Banner under Banner Options.
  • Upload the Header Video or Enter the YouTube URL of the video. Also, you can upload images in the banner section by clicking on Add new image. If you add both video and image in the banner section at the same time, it will only show video by default.
  • Enter the Banner Title & Sub Title
  • Select the Event Date
  • Click on Publish

Banner as slider using count down timer

Updated on

Can’t find what you’re looking for? Ask Support Team.

If you are facing any issues or didn’t find the information you’re looking for here, reach out to our support team here. Our friendly support team will help you.