Widget title in Footer

Hey @cloudjason, @ricotheque from LyraThemes here.

May I get the URL of your site, so that I can check it out and see what kind of CSS is needed to center the widget’s title? Make sure the widget is also active! Thanks.

https://gerdesconstruction.com/gracegerdes/

The widget is T(-) Countdown

Hi @cloudjason,

Jumping in for Rico real quick.

Please go to Appearance → Customize → Additional CSS and add the following css:

.footer .widget-title {
    text-align: center;
}

Hope that helps. Feel free to reach out if you need anything.

Kind regards

Hi Jarek

Thanks. Of course it is fine. If I had taken the time to edit the css file I would have seen the Footer Widget section. I could have probably figured out the text alignment (which is now obvious to me).

I see that after I put in the “Custom” CSS that (both) the CSS files remained as they were. And also I am not sure what the right-to-left stylesheet does. But I guess that “Custom” overrides both.

Can I change it now so that there is not so much space at the top (of the footer)?

I was able to figure out how to move the banner caption up and to change the color of the text there, but it is eluding me how to fix the margim between the footer widget title and the top of the footer.

Thanks for all your help.

Grace

Hi Grace,

There’s an Additional CSS field where you should add your custom style. What do you mean by “Custom CSS” and right-to-left stylesheet?

In order to change the margin at the top of the footer please add this css to Appearance → Customize → Additional CSS:

.footer {
    padding-top: 0;
}

Hope that helps.

Kind regards

Hi Jarek

Yes, by Custom CSS I meant Additional CSS.

You have 2 CSS files in the theme:
Styles
Stylesheet
(style.css)
&
style-rtl.css

At least I think it is two files.

And your fix for my issue is perfect.

Thanks ….Grace