-
AuthorPosts
-
May 29, 2022 at 5:16 pm #1353345
Hello together
I have created a page here (link below)
How can I make the spacing at the top and bottom of the footer
smallerthanks
kind regards Franz
May 29, 2022 at 7:10 pm #1353353Hey schweg33,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#wrap_all #footer { padding: 0; }
if you want the space even less try adding this also:
#wrap_all #footer .widget { margin: 10px 0; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 30, 2022 at 7:09 am #1353424Thanks Mike
This fits greatHow can I format the titles and the text of the widgets
size, color, font
thanks
kind regards Franz
May 30, 2022 at 7:22 am #1353426Hi,
Glad to know that the modification is working. To adjust the style of the widget text and title, try to add this css code.
#wrap_all #footer .widget p, #wrap_all #footer.widget li a { font-size: 16px; text-transform: initial; } #wrap_all #footer .widget .widgettitle { font-size: 24px; letter-spacing: 1px; text-transform: initial; }
And to adjust the text color, try to include this css code.
.footer_color h3, .footer_color a, .footer_color p, .footer_color strong { color: chartreuse; }
Best regards,
IsmaelMay 31, 2022 at 5:44 pm #1353612Thank you Ismael so it fits great
is it also possible to move the individual widgets to the right or to the left
thank you and kind regards
FranzJune 1, 2022 at 5:00 am #1353661Hi Franz,
Yes, it’s possible to move individual widgets using margin however it may ruin the layout.
Can you give us a mockup or screenshot of what you’re trying to achieve then we’ll give you the appropriate CSS code for it.Best regards,
NikkoJune 2, 2022 at 7:57 am #1353862Hello Nikko
Thanks for your quick replybut I think you have misunderstood me
I just want to increase the distance on the left so that I am vertically the same as the content text
thanks
kind regards
FranzJune 2, 2022 at 1:22 pm #1353913Hi,
Perhaps try this css:@media only screen and (min-width: 768px) { #footer > .container, #socket > .container { padding-left: 100px; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJune 5, 2022 at 10:23 pm #1354259many thanks mike
so it fits greatyou can close this request
kind regards Franz
June 5, 2022 at 10:41 pm #1354260Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘spacing footer’ is closed to new replies.