-
Author
-
November 8, 2016 at 11:14 #143317zedduoParticipant
Hi. I tried this solution for a full-width footer. https://archived.seventhqueen.com/forums/topic/footer-column-2
12I added social media icons but it only shows on the home page. On the other pages the icons wont show.
Anyone know what the problem can be?
November 8, 2016 at 11:15 #143318zedduoParticipantApologies the code is here that I used from the previous ticket:
div#footer .col-sm-3:nth-child(2),div#footer .col-sm-3:nth-child(3),div#footer .col-sm-3:nth-child(4) {
display: none !important;
}
div#footer .col-sm-3:nth-child(1) {width:100% !important; }November 8, 2016 at 19:31 #143402RaduModeratorHi,
The code works and it’s applied to your site
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 8, 2016 at 19:59 #143413zedduoParticipantThanks Radu for your reply! BUT the social icons in the footer are not showing on the other pages. Only the home page.
November 9, 2016 at 17:00 #143561RaduModeratorI see, try to use the Kleo icon instead the icon shortcode let me know if with this shortcode will work if not provide admin credentials to take a look
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 14, 2016 at 16:31 #144155RaduModeratorThe idea It’s to use directly the shortcode in footer not rendered code.
So try to copy the shortcode generated by visual builder from text area and instead of HTML from footer widget column 1 html code paste the shortcode
Let me know
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 15, 2016 at 09:36 #144238zedduoParticipantThanks! That worked! But how do I make the gaps in between the columns smaller? and align the icons to the center of the footer width?
November 15, 2016 at 18:06 #144292RaduModeratorHi
Done I’ve wrapped that into this classes col-sm-4 col-xs-12
COPY CODE<div class="col-sm-4"></div> <div class="col-sm-4 col-xs-12"> [vc_row content_placement="middle" text_align="center" animation="animate-when-almost-visible" css_animation="bottom-to-top" inline_style="background:transparent;"][vc_column width="1/4"][kleo_icon icon="facebook-squared" icon_size="3x" href="https://www.facebook.com/Attane" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="twitter" icon_size="3x" href="https://twitter.com/attane_" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="linkedin" icon_size="3x" href="https://www.linkedin.com/company/attane" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][vc_column width="1/4"][kleo_icon icon="youtube" icon_size="3x" href="https://www.youtube.com/channel/UCYq7UQaVLy7FsBCfZlmijgg" target="_blank" padding="20" icon_color="#ffffff"][/vc_column][/vc_row] </div> <div class="col-sm-4"></div>
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 16, 2016 at 19:00 #144422RaduModeratorYou’re welcome
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘Bugs & Issues’ is closed to new topics and replies.