Need help with footer

Support
#1

Hello I am working on the following site http://www.alexandramitchell.com/dev/

In the footer you will see DESIGNED AND POWERED BY WHAT TO DO MEDIA is it possible to have that line be under the social media icons?

Thank you!

#2

Hello @sicairos.edgar,

Thanks for asking. :slight_smile:

If you would like to have line under social icons, please add following CSS under X > Theme Options > CSS:

.x-colophon.bottom .x-social-global a {border-bottom: 1px solid rgba(255,255,255,0.25);}

Let us know how it goes.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

I have added this and it didnt do anything to the line of text it stays the same.

#4

Hi Edgar,

To place the footer text content underneath the social icons, please add this to Theme Options > JS

(function($) {
   $("footer .x-colophon-content").insertAfter("footer .x-social-global");
})(jQuery);

Then to fix the spacing, add this to Theme Options > CSS

.x-colophon.bottom .x-colophon-content {
	margin-top: 15px;
	margin-bottom: 0;
}

Please be reminded that this is considered customization and falls outside of the scope of support that we can offer. Further customization from here won’t be supported.

Thanks,

#5

Thank you this worked!!

#6

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.