Formatting the footer and widget areas

[benbick1614]

I’m having some real difficulty formatting the footer and widgets.

http://staging.faithful-tendency.flywheelsites.com/

I need to fix the containment issue on the footer and widgets. Any help would be appreciated.

Using Renew stack and everything is up to date as for version and plugins.

[thai]

Hi There,

Please add the following CSS under Theme Options > CSS:

.x-colophon .h-widget,
.widget_categories ul>li a, 
.widget_product_categories ul>li a, 
.widget_nav_menu ul>li a, 
.widget_pages ul>li a,
.wolfnet_widgetTitle {
    color: #fff;
}
.x-colophon .widget ul li {
    background: transparent;
}

In the first text widget, it seems you copied it from another website so it contains the pre tag around your HTML code:

Please copy it to the notepad first, then copy to your text widget.

Hope it helps

[benbick1614]

It did.

I don’t think I quite understand what you mean for the text widget.

So should I just copy it back in again? But first copy to the text widget?

For context, I just copied the list from here the link below and then edited it.

Icon List

[benbick1614]

And then any idea why this isn’t giving a line break?

[icon_list style="font-size: 20px; color: white; margin-bottom:0;"] [icon_list_item type="phone"]205-886-0187[/icon_list_item] [icon_list_item type="envelope"][email protected][/icon_list_item] [icon_list_item type="map-marker"] 1825 Mcfarland Blvd N #140 </br> Tuscaloosa, AL 35406[/icon_list_item] [/icon_list]

It’s just displaying and not sending everything after to a new line.

And do you have any idea why the containment on the search isn’t working?

[christian]

Hey Ben,

I checked the code you posted and there’s an incorrect </br> tag. It should be <br /> or simply <br>.

The third party search widget is overlapping because it is not responsive or it has a minimum width therefore it should not be placed in a widget or any area that is narrow. Please contact the widget provider for this.

Thanks.

[benbick1614]

Thanks! That works!

[jade]

Hi Ben,

In case you want to read more about HTML tags, please check here:

https://www.w3schools.com/html/html_elements.asp

Cheers!