[ShoreBeing]

Hello

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 icons

Thanks:)

Hannah

[ShoreBeing]

Hello

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 titles

Sorry for asking for so much help, I’ve never built a website before!

Thanks in advance! Hannah

[Sakin]

@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; }

[ShoreBeing]

Thank 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!

[Sakin]

@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.

[Author]

Posts