CuckooLove Framework

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

CuckooLove Color Settings

2. Click on Color Settings button.

CuckooLove Color Settings

3. Or click on Color Settings from CuckooLove theme dropdown menu.

CuckooLove theme contains color customization system which allows setting an unlimited number of color variations. Choose theme element group you want to customize. Enter custom color number or click Select a Color button and choose color in a color picker panel. Click Save button after all the settings are done. Original theme colors and fonts can be restored by switching theme styles using General Settings section of theme admin panel.

Theme Colors

Color Settings

Selection Font Color

1. Selection font color.
Color Settings

Selection Background Color

2. Selection background color.
Color Settings

Contact Form Fields Color

Color of the contact form fields.

Homepage Subtitle Settings

Color Settings

Choose Subtitle Style

Choose subtitle style from the dropdown for homepage.
Color Settings

Default Subtitle

1. Set subtitle background color for homepage.
2. Set subtitle flag color for homepage.
Color Settings

Custom Subtitle

Custom subtitle style can be created using theme shortcodes and HTML.

Other Pages Subtitle Settings

Color Settings

Choose Subtitle Style

Choose subtitle style from the dropdown for other pages.
Color Settings

Default Subtitle

1. Set subtitle background color for other pages.
2. Set subtitle flag color for other pages.
Color Settings

Custom Subtitle

Custom subtitle style can be created using theme shortcodes and HTML.

Thumbnail and Image Border Settings

Color Settings

Main Border Style

The main border style applies to all theme thumbnails, except Related Posts, Related Guests and Related WooCommerce Products Thumbnails.
1. Choose button border style.
2. Set button border size and choose border color.
Color Settings

Related Post Unit Border Style

3. Choose button border style.
4. Set button border size and choose border color.
Color Settings

Related Guests Unit Border Style

5. Choose button border style.
6. Set button border size and choose border color.

Comment Background Colors

Color Settings

Comment Background Color

1. Choose comment background color.
Color Settings

Child Comment Background

2. Choose child comment background color.
Color Settings

Reply Unit Background Color

3. Choose reply unit background color.

Line Colors

Color Settings

Comment Title Line Color

Choose comment title line color.
Color Settings

Default Line Color

Choose default line color.
Color Settings

Search Widget Background Color

Choose search widget background color.

Color Settings

Shortcodes Line Color

Choose shortcodes line color.

Body Link Colors

Color Settings

Static

1. Choose static body link color.
Color Settings

Hover

2. Choose body link hover color.
Color Settings

Visited

3. Choose visited body link color.

Default Link Colors

Color Settings

Hover

1. Choose default link hover color.
Color Settings

Visited

2. Choose visited default link color.

Homepage Testimonial Unit Option 2

Color Settings

Background Color of Testimonial Box

1. Choose background color of testimonial box for option 2.
Color Settings

Border Color of Testimonial Box

2. Choose border color of testimonial box for option 2.

Tag Cloud Widget

Color Settings

Static Tag Background Box Color

1. Choose static tag background box color.
Color Settings

Color of Tag Background Box on Hover

2. Choose tag background box color on hover.

Social Media Icons

Color Settings

Small Social Media Icon Box Color

Small social media icons can be displayed in default theme contact unit when it’s activated, in guests / team members templates and single posts.

1. Choose small social media icon box color.

Color Settings

Small Social Media Icon Box Color on Hover

2. Choose small social media icon box color on hover.
Color Settings

Small Social Media Icon Color

3. Choose small social media icon color.

Color Settings

Small Social Media Icon Color on Hover

4. Choose small social media icon color on hover.
Color Settings

Large Social Media Icon Color

Large social media icons can be displayed in Homepage social media unit and in all other pages when social media unit is activated.

1. Choose large social media icon color.

Color Settings

Large Social Media Icon Color on Hover


2. Choose large social media icon color on hover.

Thumbnails Hover Effects

Thumbnail Hover Effects List

Grayscale to Color;
Color to Grayscale;
Grayscale to Color with Zoom In;
Grayscale to Color with Zoom Out;
Color to Grayscale on Hover Zoom In;
Color to Grayscale on Hover Zoom Out;
Grayscale Thumbnail;
Color Thumbnail;
Color Thumbnail Opacity;
Color Thumbnail Zoom In;
Color Thumbnail Smaller;
Color Thumbnail Border Radius.

Color Settings

Color Settings

Posts Thumbnail

Choose blog post thumbnail hover effect.
Color Settings

Color Settings

Photos / Works Thumbnail

1. Choose thumbnail hover effect.
2. Choose thumbnail hover color and opacity.
3. Upload thumbnail hover image.
Color Settings

Color Settings

Guests / Team Members Thumbnail

1. Choose thumbnail hover effect.

Color Settings

Color Settings

Guestbook / Testimonials Thumbnail

2. Choose thumbnail hover effect.
Color Settings

Color Settings

Events Thumbnail

3. Choose thumbnail hover effect.

Theme Backgrounds

CuckooLove theme background settings panel allows you to set custom background for any homepage unit, page or post groups, or even to any single page or post individually. You can choose Default or Parallax background.

Default Background

Default Background

Default background comes with Background Image Positioning feature. It means that you can set background alignment for homepage unit, post or page.

1. Select Default Background from the dropdown.
2. Upload an image.
3. Set background image positioning from the Position dropdown.
4. Set background image repeat settings.
5. Set background image attachment settings.
6. Set background color.

Parallax Background

Parallax Background

1. Select Parallax Background from the dropdown.
2. Upload background image. Make sure your image is large enough to fill the background. You can use tiled images for your background as well.
3. Set Repeat settings to Tile.
4. Set scrolling speed for parallax background effect. Default speed is set to 10. Appropriate number range is between 0 and 100: the lower numbers mean the layer moves more quickly.
5. Set background color.

Color Settings

Posts Background Settings

Edit single blog post background settings.
Color Settings

Photos Background Settings

Edit single photo custom post background settings.
Color Settings

Pages Background Settings

Edit pages background settings.

Color Settings

Guests Page Background Settings

Edit single guests custom post background settings.
Color Settings

Guestbook Background Settings

Edit single guestbook custom post background settings.
Color Settings

Events Background Settings

Edit single events custom post background settings.

Color Settings

Search Page Background Settings

Edit search pages background settings.
Color Settings

Related Posts Background Settings

Edit related posts background settings.
Color Settings

Related Photos Background Settings

Edit related photos custom posts background settings.

Color Settings

Related Guests Background Settings

Edit related guests custom posts background settings.