Change of Footer MENU HEIGHT
A professionally designed template for photographers and architects
- GK User
- Wed Dec 10, 2014 9:49 am
Hello,
I am new to Photo JOOMLA Template. May I know how to change
(1) The Height of FOOTER MENU
(2) Rearrange copyright and social icons.
Your helps are greatly appreciated.
Please see the attached image for more detail
I am new to Photo JOOMLA Template. May I know how to change
(1) The Height of FOOTER MENU
(2) Rearrange copyright and social icons.
Your helps are greatly appreciated.
Please see the attached image for more detail
-
- Fresh Boarder
- GK User
- Wed Dec 10, 2014 10:09 am
Its not an easy 1 click process so lets split it into parts.
1. You need to reduce margin around logo and social icons in footer:
Please edit: /templates/gk_photo/css/override.css and add at its end:
for the simplicity lets keep both values (20px) same.
Remember to enable "CSS override" in template settings - advanced section.
After doing that, could you please post an url to your site?
1. You need to reduce margin around logo and social icons in footer:
Please edit: /templates/gk_photo/css/override.css and add at its end:
- Code: Select all
.gk-logo-text {margin: 20px 0;}
#gk-social {margin: 20px 0;}
for the simplicity lets keep both values (20px) same.
Remember to enable "CSS override" in template settings - advanced section.
After doing that, could you please post an url to your site?
-
- Moderator
- GK User
- Wed Dec 31, 2014 12:38 pm
-
- Fresh Boarder
- GK User
- Fri Jan 02, 2015 10:19 am
You haven't enable "CSS override" in template settings - advanced section.
-
- Moderator
- GK User
- Mon Jan 05, 2015 5:46 pm
thanks ciberek!!
what now?
thanks
what now?
thanks
-
- Fresh Boarder
- GK User
- Tue Jan 06, 2015 11:40 am
Please disable css compression for the time I'll provide the changes (you have enabled it lately).
-
- Moderator
- GK User
- Tue Feb 10, 2015 9:57 am
Hello GAVICK,
I have the same question http://erphoto.etusolution.com and did the same processes described above. Could GAVICK give me any solution? Thanks.
Best,
Etu
I have the same question http://erphoto.etusolution.com and did the same processes described above. Could GAVICK give me any solution? Thanks.
Best,
Etu
-
- Fresh Boarder
- GK User
- Fri Feb 13, 2015 8:03 am
Ok, so you already has the first part in override.css:
Now add this code:
What it does - it lines up social icons and language flags by reducing some additional spacing.
- Code: Select all
.gk-logo-text {margin: 20px 0;}
#gk-social {margin: 20px 0;}
Now add this code:
- Code: Select all
#gk-social .mod-languages,
#gk-social .custom {
float: right;
}
#gk-social .custom p {
margin: 0.2em 0 0;
}
What it does - it lines up social icons and language flags by reducing some additional spacing.
-
- Moderator
- GK User
- Fri Feb 13, 2015 8:04 am
Please let me know when this code will be added.
-
- Moderator
- GK User
- Wed Oct 21, 2015 10:28 pm
Hi Cyberek, i did the 2 steps but the height didn´t reducing? Theres anything else?
-
- Fresh Boarder
- GK User
- Sat Oct 24, 2015 10:39 am
@korperstudiopilates Could you please post an url to your site?
-
- Moderator
- GK User
- Tue Oct 27, 2015 12:01 pm
Please disable css compression.
-
- Moderator
13 posts
• Page 1 of 1