Central alignment of text in the footer widgets

Hi, can you help me with creating 3 columns (widgets) so its in line with the container above?
www.staging.ptpit.nl

thanx!

Hi,

Add this CSS code below to Customize > additional CSS:

#sidebar-footer {
    padding: 25px 100px 0;
    background-color: #c8c72a;
}

Regards,
Awan

Hi thanx,

They are more aligned now, but is there a way to get all three widgets next to each other (within the container above)? And do you perhaps have a way to change the color of the text in the widget? I tried a solution in the forum, but when I’d applied it, it didn’t change the color of all text within the three widgets.

Best regards Ryan

Hi, I really could use your help :wink: Is there a way (next to a way to get the footer widgets aligned with the container text above it) to get the all footer widgets left aligned on mobile?

This is the code I am using nog on extra CSS:
#sidebar-footer .textwidget p {
color: whitesmoke !important;
}

#sidebar-footer .textwidget a {
color: whitesmoke !important;
}

.footer-widgets {
background-color: transparent;
}

.footer-widgets {
padding-top: 15px;
padding-bottom: 00px;
}
body:not(.home) .site-header.float-header {
background-color: #FFFFFF ;
}
.site-header {
background-color: white !important;
}
#sidebar-footer .container {
padding: 0;
width: 70%;
}html,
body{
overflow-x: hidden;
}
#sidebar-footer .widget {
text-align: left;
margin: 0;
}
#mainnav-mobi ul li{
background: #c8c72a;
border-color: #afafaf;
}
.btn-menu {
color: #c8c72a;
}
#sidebar-footer {
padding: 25px 100px 10;
background-color: #c8c72a;
}

Hi,

My code in above should work to align the widgets.
But please remove this code first from your extra CSS:

#sidebar-footer .container {
    padding: 0;
    width: 60%;
}

Thanx Awan, ill try it.

By the way, do you maybe have a solution for the page https://www.ptpit.nl/diensten/ , because when I visit this page the colums with pictures an text are touching eachother. I want a vertical divider placed througout the page. Do you know if this can be done?

For Diensten page, please try to add this CSS code below:

.wp-block-column {
    margin-right: 20px;
}
  • You can adjust the margin-right value.