Hi,
1. On your default demo there is a fine line separating the three footer widgets and the footer info content. This line is missing on my site: http://www.swedentips.se. How can I add it in a colour of my choice?
2. My “logo” (actually a photo) in the footer info content area is too far out to the left. How can I move it more to the right without affecting its position on mobiles?
3. I’ve made the social icons in the footer info content area big and blue with this CSS:
.td-footer-wrapper .td-social-style-2 .td-icon-font {
font-size: 36px;
width: 64px;
height: 64px;
line-height: 64px;
background-color: #005bae;
}
When I hover over the icons they become grey. How can I change the hover colour for the icons (not the background) to yellow?
Thanks for your help!
Walther
Hello,
1) The line is there only it’s not visible due to your footer color. You can change the line color with css:
.td-footer-bottom-full .td-container:before{
background-color: rgba(0, 0, 0, 0.21)!important;
}
2)You can use this css to align it closer to the text without affecting anything else:
.footer-logo-wrap{
display:table;
margin-left: auto;
margin-right: auto;
}
3)You can use this code to do it:
.td-social-icon-wrap i.td-icon-facebook:hover, .td-social-icon-wrap i.td-icon-instagram:hover{
color:yellow!important;
}
Thank you!
Everything works perfectly, Bogdan. Thank you so much for your help. /Walther
