Footer full width column

[zedduo]

Hi. I tried this solution for a full-width footer. https://archived.seventhqueen.com/forums/topic/footer-column-2

 

1 2

 

I 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?

 

 

[zedduo]

Apologies 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; }

[Radu]

Hi,

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 solution

What support service includes ? What not ?

[zedduo]

Thanks Radu for your reply! BUT the social icons in the footer are not showing on the other pages. Only the home page.

[Radu]

I 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
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[zedduo]

This reply has been set as private.

[Radu]

The 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 solution

What support service includes ? What not ?

[zedduo]

Thanks! 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?

[Radu]

Hi

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 solution

What support service includes ? What not ?

[zedduo]

Thanks guys!

[Radu]

You’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

What support service includes ? What not ?

[Author]

Posts