How to modify the ‘Top Bar’ widget.

[kristincali]

I’m wondering if there is a way to center and widen the width of the ‘Top Bar’ widget. I have it displaying my subscribe form and it’s aligned to the left. I would love it centered and full page width.

https://kristinbytheocean.com/

Thank you. I’m so grateful for the constant help I receive here.

• This topic was modified 2 years, 11 months ago by kristincali.

[Yazmin]

Hi,

This custom CSS added to Customize > Additional CSS should center the top bar widget and make it full width instead of the default 50% width.

#top-bar .widget {
  display: block;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

[Author]

Posts