Hi Enfold team!
Can you please help me figure out how to center the copyright text and social icons in the socket section of my website? They should be using two lines, with the social icons on top and the copyright text occupying the second line.
Ideally I’d like it the socket layout to look like this:
http://prntscr.com/hishyb
This is how it looks like at the moment:
Also, how can I add a vertical line/separator in between two columns? (please refer to screenshot, right below video)
Thank you so much!
Hey hackoffseries,
#socket .copyright {
display: block;
float: none;
padding-top: 40px;
text-align: center;
width: 100%;
}
#top #wrap_all #socket .social_bookmarks {
float: none;
margin: 0;
position: absolute;
text-align: center;
top: 10px;
width: 100%;
}
#socket .social_bookmarks li {
float: none;
display: inline-block;
}
Let us know if this helps :)
Best regards,
Nikko
Works perfectly Nikko! Thank you so much!
By the way, can you also show me how to add a right border line/vertical separator line to the two columns I have on the site?
Thank you again for your help. You guys rock!
Hi,
You’re welcome and thanks for your kind words :) Try adding this css code:
#top.home #av_section_3 .av_one_half.avia-builder-el-last {
border-left: 1px solid #ddd;
}
Best regards,
Nikko
Perfect! Awesome work as usual! Thank you so much! :)
Hi,
I’m glad you were able to get this fixed. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon