Help with footer

[isa1978]

Hello there

I am having issue with setting up the footer.
The bottom is perfect but the disclosure and privacy policy I need them to appear above the social icon and copyrights, and on the right, while on the left up it must be the Amazon disclosure just like in this example

Here is my set up , can you tell me what I am doing wrong?

thanks a lot

[jade]

Hey @isa1978,

There are actually text above the bottom footer area but they are not visible because the font color of the text is white and the background is white.

Kindly try adding this in X > Theme Options > CSS:

.x-colophon.top .h-widget {
    color: #000;
}

.x-colophon.top p {
    color: #000;
}

.x-colophon.top ul li a {
    color: #000;
}

Please change the color values in the code above to the color of your choice.

• CSS Colors - https://goo.gl/rM1ys1

Hope this helps.

[isa1978]

Hello there!
thank you so much for your help.
It works, but I was wondering if there is a way I can lower the search box in line with the left widget and also if we can draw a line that separate the footer from the main area, just like I did for the header.

thank you so much for your help

cheers

[jade]

Hey @isa1978,

Please edit and update this code:

.x-colophon.top .h-widget {
    color: rgb(86,86,88);
}

to

.x-colophon.top .h-widget {
    color: rgb(86,86,88);
    margin-top: 0;
}

Then add this code:

.x-colophon.top {
    border-top: 1px solid rgba(0,0,0,.1);
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[isa1978]

Hello Jade
thank you so much!

[jade]

You’re most welcome, @isa1978.