Alter Footer Widgets Title Border Color

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

By default, the border color next to the Widgets Titles is controlled by your primary colors set in the Customizer > General Options > General Styling.

If you want to use a different color for the border next to the widgets titles in the footer area, use the following CSS snippet:

/* Footer Widgets Title Border Color */
#footer-widgets .footer-box .widget-title {
border-color: #fff;

Adjust the border-color value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Useful Link: HTML Color Picker

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.