Remove gap in footer coloum 2

thank you issue is resolved please help me for last few issue for footer coloum2

in footer coloum 2

1 how to remove gap between heading and socail button and in reviews
2 how to move social button in starting left corner of footer
3 how to make social button color blue(rgb(0, 153, 204);) on hover

i attach screeshot for clearification please look for clearification

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

1)Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.footer-container .icons-design-default .wd-social-icon {
padding: 2px;
}

.footer-container .widget-title {
margin-bottom: 10px;
}

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.footer-container .wd-social-icons {
text-align: left;
}

3) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-icon:hover:before {
color: rgb(0 153 204);
}

Regards.
Xtemos Studios

thankyou 2 problem solved 1 problem left

this css for 1 problem
.footer-container .widget-title {
margin-bottom: 10px;
}

is not working and it is disturbing mobile view i attach scrresnshot of it before and after using this css so i removed this css

again i attached screeshot of which gap i want to remove in both web + mobile please check

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached.

Please move the Custom CSS that is causing issues on the mobile to the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

Then it will not affect mobile devices.

Best Regards.

Thank you for your help css removed gap in destop view

I also want to remove gap in mobile view

And puting this css in mobile css
It is increasing mobile colom gap
Rather than removing gap in footer coloum 2 and social links

I attached screenshot which gap i want to remove please help

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings.

.wd-widget .footer-container .widget-title {
margin-bottom: 5px;
}

Regards.
Xtemos Studios

it is not woking in mobile
i think they are already many css in mobile and global css in thmeme setting that are distubing it and not making it work please login and check

Hello,

Please replace the previous Custom CSS with the following in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

div#text-20 .widget-title {
    margin-bottom: -10px;
}

Regards.
Xtemos Studios.

no it is also not working out

Hello,

Your issue has been resolved. Please clear cache and check back.

Screenshot for Clarification: https://gyazo.com/1dfcf85199cdf9f64be1f56bc93bc3d0

Best Regards

[Author]

Posts