Return to previous page

Footer promotion - by jas712 - on WordPress WooCommerce support

This topic has 9 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

jas712

Participant

December 20, 2016 at 16:39

Hi, I wonder which widget is this? the image can be hover with message
http://prntscr.com/dls32h

thanks

#149665 Copied

8 Answers

Eva Kemp

Support staff

December 20, 2016 at 16:51

Hello,

This is Banner element in Visual Composer editor.
Try to use it.

Regards,
Eva Kemp.

#149669 Copied

jas712

Participant

December 20, 2016 at 16:54

thanks
so this means in static block i will just choose Banner but no need to create widget right?

thanks a lot

#149671 Copied
Eva Kemp

Support staff

December 20, 2016 at 16:59
Hello,

If you want to get the same result as on the demo you need add Text element in Static Block and add this content:
```
     <div class="banner align-center valign-middle cursor-pointer hover-reduction">
     <div class="banner-content">
      <div class="banner-inner">
       <h5 class="margin0">Discover the new summer collection</h5>
       <hr class="divider horizontal-break margin0" />
       <h1 class="margin0" style="font-size: 48px; font-family: 'Bodoni_regular';">Casual</h1>
       <hr class="divider horizontal-break margin0" />
       <h6 class="margin0">Its all about the details</h6>
      </div>
     </div>
    <a href="https://www.8theme.com/demo/royal/wp-content/uploads/2014/04/banner_footer.jpg"><img class="alignnone size-full wp-image-14901" src="https://www.8theme.com/demo/royal/wp-content/uploads/2014/04/banner_footer.jpg" alt="banner_footer" width="270" height="327" /></a>
    </div>
```
Regards,
Eva Kemp.
#149674 Copied
jas712

Participant

December 20, 2016 at 17:03

Thanks a lot Eva!

#149680 Copied

jas712

Participant

December 20, 2016 at 17:17

just wonder in mobile version some the first text
<h5 class="margin0">Discover the new summer collection</h5>
went missing

#149683 Copied
Eva Kemp

Support staff

December 20, 2016 at 17:42
Hello,

Add this code in Custom CSS for mobile:
```
.banner .banner-content h5 {
    display: block;
}
```
Regards,
Eva Kemp.
#149690 Copied
jas712

Participant

December 20, 2016 at 17:49

thanks this works just very good!
thanks Eva

#149691 Copied

Eva Kemp

Support staff

December 20, 2016 at 20:57

Hello,

You’re welcome.

Regards,
Eva Kemp.

#149702 Copied
Viewing 9 results - 1 through 9 (of 9 total)