Footer content not appearing, background and font color working everywhere else

Support
#1

The content in the footer area is not showing up. I have read all of the support posts on this but it should not be a question of font color as this same combination is working fine throughout the site. I even tested the footer widgets (which are now turned off as we don’t need them) and they didn’t show up either. It should be the standard grey text on the white background. Can you PLEASE log on and see what’s going on?

I’m using Ethos and it does not have a transparency selection in the customizer like Integrity has. I’m going to send the log in info privately. Thank you!

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-colophon.bottom .x-colophon-content,
.x-colophon.bottom a,
.x-colophon.bottom .x-nav li a {
    color: #000;
}
1 Like
#3

that worked - thank you!!!

#4

You’re welcome.

#5

Hi there,

I’m experiencing the same thing on my website http://scandinavianearthchild.com where I’m using ethos. The social widgets are working and in the content area of the footer I’ve put a code in to pull in my instagram feed and that works too. However I’ve written a copyright text underneath that and this doesn’t appear.

I tried to insert the following code you suggested in this thread, but unfortunately that didn’t work for me:

If the color code is white then that may be the issue?

Thanks very much for your help.

Mai

#6

Hi Mai,

Thanks for writing around! To change the footer text color, please add the following code in your Customizer:

.x-colophon, .x-colophon .x-colophon-content, .x-colophon a, .x-colophon.bottom .x-nav li a {
    color: #000 !important;
}

Let us know how this goes!

#7

Hi!

Thanks so much,. It worked! However I would like the text to appear underneath my social icons, is that possible to do? At the moment the text appears right underneath ny instagram feed and for some reason I can’t even add any space between the images and the text.

Thanks so much for your help on this!

#8

Hi there,

The text and the feed are added to the same container. Hence, there is no way to move it under social icons. Instead, replace this text COPYRIGHT MAI COPSØ 2017. ALL RIGHTS RESERVED with this

<script type="text/javascript">jQuery('<br><p>COPYRIGHT MAI COPSØ 2017. ALL RIGHTS RESERVED</p>').insertAfter('.x-colophon.bottom .x-social-global');</script>

Plus, to create spacing in between, you should add <p></p> or <br>, it’s not the same as the editor where it automatically adds space when you press “Enter”.

Thanks!

#9

HI,

Thanks very much for your reply.

I tried to put the following code into the footer contact box, but that just took away the copyright text completely?

Was I meant to put in in the Global CSS? Or is there something else I can try?

The code for space worked perfectly. Thank you for that!

Looking forward hearing back from you.

Mai

#10

Hello There,

You will have to replace the text in X > Launch > Options > Footer > Footer Content with the code given by @Rad.

<script type="text/javascript">jQuery('<br><p>COPYRIGHT MAI COPSØ 2017. ALL RIGHTS RESERVED</p>').insertAfter('.x-colophon.bottom .x-social-global');</script>

Please let us know how it goes.

#11

Hi,

Thanks very much, but that was exactly what I did, however this simply took away the text completely.

Anything else I can try?

Thanks very much for all your help!

#12

Hi again,

You can remove the text from your footer content and add the following script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
	$('<br><p>COPYRIGHT MAI COPSØ 2017. ALL RIGHTS RESERVED</p>').insertAfter('.x-colophon.bottom .x-social-global');
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!