-
-
Hi,
I am trying to make social icons in footer bigger.
I read some forum topics and found this code:
#footer .inner .widget ul li {
background-color: rgb(0, 0, 0);
width: 50px !important;
height: 50px !important;
}
#footer .footer_social_icons li i {
font-size: 20px !important;
margin-top: 8px;
}
I put this code in css extra field and it seems work, but know there is no mouse-over effect (changing the colour of the circle).
1) Could you please tell me how to get the mouseover color again?
2) How could I move these social icons towards right? the footer has 2 coloumns, maybe I have to add some margin between the two columns? Or how?
The site is this:
Regards
Marco
-
Hello,
Please add this code into your custom css, to change the color of the circle while on mouse hover:
.footer_social_icons.circle li:hover { background-color: #4db848 !important; }Change the color to your wish.
-Add this code to align them right:
footer .footer_social_icons { float: right !important; width: 34% !important; }Result screenshot: https://pho.to/AbyVs
Let us know.
Best regards!
-
You must be logged in to reply to this topic.