Docs

[niallalice]

Hey guys,

Im trying to get the footer of my website to look similar to the one in this website https://displate.com/

I cant seem to work out the following :

1. how to put your pages at the footer for quick access to the pages.

2. icon to be pictures as in the site but mine are currently red and small.

thanks for your help

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[niallalice]

This reply has been marked as private.

[Friech]

Hi There,

1. how to put your pages at the footer for quick access to the pages.

First navigate to Appearance > Menus, there create a new menu (lets name it as “footer links”) and then add all your pages on that menu. Then save.

Then navigate to Appearance > Widgets, there you should see Footer 1 to Footer 4 widget areas. Add a Custom Menu on the footer 1 and choose the menu you just created (“footer links”).

2. icon to be pictures as in the site but mine are currently red and small.

Yes, that is the standard social icons, we can change the color and size of that if you want to.

Or if you need to use a custom icons of your own, please provide us the URL of your custom icons and we will use that in place of the standard social icons. Please use an icon that is relatively small.

Let us know how do you want to proceed with this icons.

Thanks.

[niallalice]

thank you for your help.

Please could i amend the current social icons to say a light blue and larger.

Also when i hover over the menu in the footer the subheadings turn red in colour. do you know how i would change this to say light blue aswell.

Thanks again

[niallalice]

Do you know how i can change the background colour of the footer and the head aswell in Integrity?

[Lely]

Hello There,

You’re welcome!
First, please look for this part from your custom CSS:

.x-text-type .typed-cursor {
    color: #43BFC7900Custom <span style="font-weight: 1000">Bold</span> Headline

That was causing a CSS syntax error. Please update to this:

.x-text-type .typed-cursor {
    color: #43BFC79;
}

Look for this part too:

.x-footer-social-icons.facebook {
 width: 32px;
 height 32px;
 display: block;
 text-indent: -9999px;
 background-image: url(images/facebook-icon.png);
 background-repeat: no-repeat;

You’re missing the closing curly brace. Add it like this:

.x-footer-social-icons.facebook {
 width: 32px;
 height 32px;
 display: block;
 text-indent: -9999px;
 background-image: url(images/facebook-icon.png);
 background-repeat: no-repeat;
}

Update this too:

.x-colophon {
background-color: blue;

To this:

.x-colophon {
background-color: blue;
}

Then please add this custom CSS:

.x-colophon.bottom .x-social-global a {
    color: rgb(15, 165, 219);
    font-size: 26px;
}

The red font color on the footer is because of the following custom CSS:

footer a, .x-colophon.top .widget {
    color: red;
}

Change red to your preferred color.

Hope this helps.

[niallalice]

thank you so much 🙂

[niallalice]

would you know how to add an image behind the logo on the header of my site at alL ?

[Jade]

Hi there,

Please try this code:

.x-logobar-inner {
    background: url(URL_OF_THE_IMAGE);
    background-size: cover;
}

Hope this helps.

[niallalice]

I tried this and it didnt work unfortunately. can i get the image from google or one i have on my laptop?

[Jade]

HI there,

The code you entered seems incorrect. You placed:

.x-logobar-inner {
    background: url(http://blog.oxforddictionaries.com/wp-content/uploads/football-1.jpg; background-size: cover; };
}

Please try this:

.x-logobar-inner {
    background: url(http://blog.oxforddictionaries.com/wp-content/uploads/football-1.jpg); 
    background-size: cover;
}

Hope this helps.

[niallalice]

perfect thanks for your help

[Christopher]

You’re welcome.

[Author]

Posts