edit footer layout

Hello,
How can I edit the layout of the footer?
I would like a bigger font and perhaps have blocks instead of all text in one line.
The footer tag should be on the bottom (center) instead of right as it is now.
www.test.pommedorange.com
Thanks

Hi,

Unfortunately I can't see your website. Do you want to change text of the menu links or copyrights text on the right?

I would like to change the font (size) of the menu links, yes.
My site should be visible? http://test.pommedorange.com/

Now your website is available, please add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

#gk-footer {
   font-size: 11px;
}

Thank you for that Piotr,
Now I have enlarged the font is there a way to change the layout, for example make colums? Or have the menu links in 2 equal or centered rows? Looks messy now.
My footer line of text that says: original & chic fashion from Amsterdam & Paris should also be centered.

Thank you for all your great help!

Try this code:

Code: Select all

#gk-footer {
   text-align: center;
}

#gk-footer .gk-copyrights {
   float: none;
    text-align: center;
}

#footer-menu {
   margin-bottom: 60px;
}


with the columns won't be easy.

This works and looks good.
Except there should be a bit more space between menu links rows.

For example:
ABOUT POMME D’ORANGE PRIVATE SALES BLOG MY ACCOUNT CHECK OUT DELIVERY & EXCHANGE
GENERAL TERMS & CONDITIONS

On the website GENERAL TERMS & CONDITIONS is very close to the top line.
Is there a way to create a bit more space?

And if I want to change colours of the text in the footer and hover colours I can simply add them into the codes?
Like so?
#gk-footer {
color: #;
font-size: 18px;

Use this code and change values to your own:

Code: Select all

#footer-menu li {
   line-height: 28px;
}

#footer-menu li a {
   color: #000;
}

#footer-menu li a:active,
#footer-menu li a:focus,
#footer-menu li a:hover {
   color: #ddd;
}


Perfect!

Is there also a way to change the colour of the 'footer content' text line?

Please add also this code:

Code: Select all

#gk-footer .gk-copyrights {
   color: #aaa;
}



Thank you it looks so much better now.
One thing though I cannot seem to figure out either, it looks like there is a widget in Bottom 2.
test.pommedorange.com
(You see extra space and the following text: wptr_hide_title: 1)
But when I check in admin, Bottom 2 is empty.
How can I get rid of this extra space and the text?
Thanks. The support of Gavick is very good! Could not have done this without.

Hi,

It's custom field from your plugins or posts, please check this article:
https://www.gavick.com/blog/gavernwp-qu ... st-fields/
If you are not using custom post fields, you may just disable it at all (template options -> Advanced tab -> "custom field" option).

Great

Hi
I have just changed a word in my site title and tagline (in customize Instyle) and now the footers are not centered anymore. How can this happen?
I checked override, everything is still like I put it in the file:

#gk-footer {
text-align: center;
}

#footer-menu {
margin-bottom: 60px;
}

#gk-footer .gk-copyrights {
float: none;
text-align: center!important;
color: #dd927f;
}

#gk-footer {
font-size: 18px;
}

#footer-menu li {
line-height: 28px;
}

#footer-menu li a {
color: #585858;
}

#footer-menu li a:active,
#footer-menu li a:focus,
#footer-menu li a:hover {
color: #96af63;
}

It is only on the English page, though. Not on the other 2 language pages.

Change your #footer-menu selectore from override.css into:

Code: Select all

#footer-menu {
margin-bottom: 60px;
width: 100%;
}