- This topic has 4 replies, 2 voices, and was last updated 8 years, 11 months ago by
Sakin.
-
AuthorPosts
-
September 12, 2015 at 12:55 am #66715
ShoreBeing
ParticipantHello
I’m using Catch Responsive Pro, it’s a great theme but I would like to make a few adjustments – http://www.shorebeing.co.uk
Please could you tell me how I can –
Centre the footer menu to align with social icons
Delete the grey line between the footer menu and social iconsThanks:)
Hannah
September 12, 2015 at 3:57 am #66718ShoreBeing
ParticipantHello
I’ve now managed to centre the bottom footer but have subsequently found some additional areas that need rectifying –
1. Delete the grey line above & beneath the footer menu
2. Centre the Featured Content Titles
3. Adjust padding between logo and main menu on all pages
4. Adjust padding between main menu and main image on all pages
5. Remove page titlesSorry for asking for so much help, I’ve never built a website before!
Thanks in advance! Hannah
September 13, 2015 at 11:46 am #66753Sakin
Keymaster@ShoreBeing: Great that you center the footer menu.
1. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#featured-content, #supplementary { border: none; }
2. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#featured-content { text-align: center; }3. You can adjust padding in the following css as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#masthead, #site-branding { padding-bottom: 20px; }
4. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#search-toggle { display: none; } #content .wrapper { padding-top: 0; }
5. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
.page .entry-header { display: none; } .home .entry-header { display: block; }
September 18, 2015 at 3:06 pm #67078ShoreBeing
ParticipantThank you for this, it looks great!
There is just one more thing, could you tell me how to change the padding between the main menu and featured slider on the home page? Also, is there a way of removing the blue dot in the centre/bottom of the featured slider when only using one image?
Thank you, you’ve been great!
September 18, 2015 at 10:05 pm #67095Sakin
Keymaster@ShoreBeing: I don’t see padding between you main menu and slider. If you want to add in then you can add the following css:
.nav-primary { padding-bottom: 10px; }
To remove that dot, you can add the following css:
#feature-slider .cycle-pager { display: none; }
Note: If you just want to add single image, then you can disable that slider and then use Header image instead.
-
AuthorPosts
- The topic ‘Footer Menu Align’ is closed to new replies.