Global Banner Like Demo

[GTS75]

I enabled the global banner and selected my layout and I see where the option to add the global banner now appears in the widget area…but how do I add something from the icon box plus text to them? I’d like to model the same 3 section layout as the demo and want a ‘Standard with title icon’ box style just like the demo to be added to my global banner widget boxes. How do I do this?

Thanks

[Kyle – SUPPORT]

Hi

Add this to a text widget:

<i class="fa-truck"></i><strong> Free Shipping</strong> on all orders over $100

– Kyle

[GTS75]

Thanks Kyle that worked great. How can I center all three widget areas so on the mobile view they’re stacked centered?

[Swift Ideas – Ed]

Just add this custom css:

#sf-banner-widgets .widget {
  text-align: center;
}

That will set them all to be centered 🙂

– Ed

[GTS75]

I added that css but they’re still left aligned when viewing in small browser window or iphone. See screenshot.

Attachments:

You must be logged in to view attached files.

[GTS75]

just kidding! it’s all set. thanks guys.

[Swift Ideas – Ed]

Glad you sorted it 🙂

– Ed

[seanturner]

Is there an easy way to set the color for these global banner widgets to teal or something other than white?

[Kyle – SUPPORT]

Hi

Sure, you can set the color in the color customiser

– Kyle

[seanturner]

Kyle, I’m not seeing which option on the color customizer.

I thought maybe the “Top Bar”, but it’s not affected, when I alter the color hex.

[Kyle – SUPPORT]

It’s under Color – Header Banner http://d.pr/i/1aJjK/3Kg5cjyf

– Kyle

[seanturner]

Thanks! Once I clicked “save & update” and then closed out of the customizer, it updated.

Your timely response was great! 🙂

[Kyle – SUPPORT]

No problem 🙂