Space Footer Widgets

Hello,
I’ve searched the forum like crazy and cannot seem to find the right solution. How can I change the spacing of my footer widgets? The one on the right is too close to the center and it just doesnt look right.

Hello @shellypogue,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top div#gtranslate-6 {
    float: right;
}

Thanks.

I tried that no luck.

When I take the path you said i see it moves to where I want it but only from that view. Is this because I have a childs theme? I tried the code in my childs theme but it didn’t even move at all.

Hi There,

Thanks for the update!

I am sorry but I didn’t find any footer widget anymore on the site. Can you please confirm if you have removed it for some reason?
Get back to us so that we can have a look on to the issue.

Thanks

Hi sorry I removed it before bed because it doesnt look good they are back up now thank you:)

Hi There,

Please try this CSS instead of the above.

footer.x-colophon.top . switcher {
    float: right;
}

Hope this helps!

Thanks

ok should i add this to my childs theme?

Hello @shellypogue,

Thanks for updating thread. :slight_smile:

You can add the code in child theme style.css file or in Theme Options panel under X > Theme Options > CSS:

If the above code does not works out, you can try following CSS. The final output upon adding the code should look at shown in screencast. https://cl.ly/0P2s2x1E441y

footer.x-colophon.top .widget_gtranslate {
    float: right;
}

Thanks.

The last code worked and moved it when I’m looking at it from the editor page but when i save and look at it online it isn’t moved. Its only moved when viewing from the x-theme-options-css page. can i show you screenshots?

Hello @shellypogue,

Thanks for updating thread. :slight_smile:

Sure, if possible please share some screenshots. Upon inspecting the website in Chrome dev tools I don’t see the code added. Can you please confirm you have added the code? You can also try adding following CSS:

footer.x-colophon.top .widget_gtranslate {
    float: right !important;
}

Thanks.

I added the code under the main theme is it not showing i added it because my childs theme is activated? I will try the last code you posted now.

Hello @shellypogue,

Thanks for updating. :slight_smile:

Child theme should not be the problem. You can use Theme Options panel alongside child theme. No issues in that. Please let us know how it goes and if code shared in previous reply worked for you. If not, can you please share website login details (username/password) in a secure note for us to take a closer look?

Thanks.

Here are my login details. thank you

Hello @shellypogue,

Thanks for updating thread. :slight_smile:

Looks like you forgot to share the user name. Can you please share user name?

Thanks.

Oops sorry! here you go:

Hi There,

I’ve deleted this code in your custom CSS section and everything is working fine now:


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-71250420-1', 'auto');
  ga('send', 'pageview');

</script>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style a2a_follow">
    <a class="a2a_button_twitter" data-a2a-follow="AddToAny"></a>
    <a class="a2a_button_facebook" data-a2a-follow="AddToAny"></a>
    <a class="a2a_button_instagram" data-a2a-follow="kevin"></a>
    <a class="a2a_button_pinterest" data-a2a-follow="Pinterest"></a>
    <a class="a2a_button_google_plus" data-a2a-follow="+google"></a>
    <a class="a2a_button_linkedin" data-a2a-follow="reidhoffman"></a>
    <a class="a2a_button_linkedin_company" data-a2a-follow="linkedin"></a>
    <a class="a2a_button_vimeo" data-a2a-follow="staff"></a>
    <a class="a2a_button_youtube" data-a2a-follow="YouTube"></a>
    <a class="a2a_button_youtube_channel" data-a2a-follow="UCF0pVplsI8R5kcAqgtoRqoA"></a>
    <a class="a2a_button_tumblr" data-a2a-follow="staff"></a>
    <a class="a2a_button_github" data-a2a-follow="torvalds"></a>
    <a class="a2a_button_foursquare" data-a2a-follow="dens"></a>
    <a class="a2a_button_snapchat" data-a2a-follow="teamsnapchat"></a>
    <a class="a2a_button_medium" data-a2a-follow="ev"></a>
    <a class="a2a_button_behance" data-a2a-follow="Adobe"></a>
    <a class="a2a_button_flickr" data-a2a-follow="flickr"></a>
</div>

<script async src="https://static.addtoany.com/menu/page.js"></script>

Cheers!

1 Like

aaaaaah! thank you so much for your help and time!