Header & Footer – CuckooLove Theme Documentation

1. Navigate to Dashboard → Appearance → CuckooLove in your WordPress dashboard panel.

2. Click on Header & Footer button.

3. Or click on Header & Footer from CuckooLove theme dropdown menu.

Using Header & Footer section of CuckooLove theme admin panel you can customize header and footer of your website almost without any limitations. Add plain text logo or use logo image, add Super Footer with any content you need, edit your site’s navigation menu’s appearance, hover effects, edit color settings, choose fonts. Customize footer of your site, set footer fonts, colors and footer background.

Header Logo Settings

Choose Logo Type

CuckooLove theme allows you to display an image or plain text logo. Choose what type of logo you want to display.

Image Logo

1. Choose Image Logo as logo type.
2. Upload logo image file. Logo area size is limited to 225 x 100 pixels. Larger images will be resized automatically.

Plain Text Logo

1. Choose Plain Text Logo as logo type.
2. Enter Your site title. Remember that logo area is limited up to 225 pixels width.
3. Edit logo font settings.

Header Display Settings

Homepage Header Style

1. Choose Homepage header style. It will be applied only to the homepage. Choose header style you like from 8 available options.

All Other Pages Header Style

2. Choose the header style for all other pages. It will be applied to all pages of the site. Choose header style you like from 8 available options.

CUCKOO TIP

Custom header style can be set for any single post or page individually.

Homepage Menu Bar

1. Edit appearance of the homepage menu bar. Change bar opacity and choose bar color.

All Other Pages Menu Bar

2. Edit appearance of the all other pages menu bar. Change bar opacity and choose bar color.

Homepage Logo Box Background

1. Edit homepage logo box background color and opacity.

All Other Pages Logo Box Background

2. Edit all other page logo box background color and opacity.

Homepage Dropdown Background

1. Edit homepage dropdown menu background color and opacity.

All Other Pages Dropdown Background

2. Edit all other pages dropdown menu background color and opacity.

Mobile Logo Box Background

Edit mobile logo box background color and opacity. It will be visible only on mobile version of theme.

Main Navigation Menu Hover Line Effect

Main Navigation Hover Effects

One Page Site Style hover line effect style are more suitable for one page site. Other options – for multiple pages site. Test and choose the option that suits best your requirements.

Menu Hover Line Effect

1. Choose one of 4 main navigation hover effects or disable effect.

Menu Hover Line Effect Color

2. Edit hover line color and opacity.

Search Button Settings

Homepage Search Button Color

1. Choose homepage search button style from the dropdown.
2. Check check-box to show or hide search button from the main navigation menu in homepage.

All Other Pages Search Button Color

3. Choose all other pages search button style from the dropdown.
4. Check check-box to show or hide search button from the main navigation menu in all other pages.

Homepage Search Bar Background

5. Edit homepage search bar background color and opacity.

All Other Pages Search Bar Background

6. Edit all other pages search bar background color and opacity.

Header Navigation Fonts

Homepage Main Navigation Menu

Homepage main navigation menu font settings.

Homepage Main Navigation Menu Hover

Homepage main navigation menu hover font settings.

Homepage Main Navigation Dropdown

Homepage main navigation dropdown font settings.

Homepage Main Navigation Dropdown Hover

Homepage main navigation dropdown hover font settings.

Homepage Top Right Navigation Menu

Homepage top right navigation menu font settings.

All Other Pages Main Navigation Menu

All other pages main navigation menu font settings.

All Other Pages Main Navigation Menu Hover

All other pages main navigation menu hover font settings.

All Other Pages Main Navigation Dropdown

All other pages main navigation dropdown font settings.

All Other Pages Main Navigation Dropdown Hover

All other pages main navigation dropdown hover font settings.

All Other Pages Top Right Navigation Menu

All other pages topright navigation menu font settings

Super Footer Settings

Super Footer Feature

Super Footer is a feature that allows adding any page with its content above the footer of your homepage and above the footer of all the rest pages. In addition, a custom Super Footer can be added to any post or page individually, if needed.

IMPORTANT

Only pages created using Default Page Template can be added via Super Footer.

Homepage Super Footer

1. Select page from the available pages dropdown that will be displayed in Homepage Super Footer.

Other Pages Super Footer

2. Select page from the available pages dropdown that will be displayed in all other pages Super Footer.

Homepage Super Footer Background

1. Edit homepage Super Footer background settings.

Other Pages Super Footer Background

2. Edit all other pages Super Footer background settings.

Footer Settings

Enter Arbitrary text or HTML

Enter Arbitrary text or HTML. It will be displayed in theme footer.

Footer Background Settings

Edit footer background settings.

Footer Fonts

Footer Navigation Menu

Footer navigation menu font settings.

Footer Navigation Menu Hover

Footer navigation menu hover font settings.

Footer Details

Footer details font settings.