Home / / Theme options – Change Main Color and Custom Colors

Theme options – Change Main Color and Custom Colors

10955 views
Important: Do not tick the “On save, give me the CSS code to save in child theme style.css?” option if you want the new colors to apply when saving Theme Options. This option should be ticked only if you plan to manually add the CSS code to style.css , as it will prevent Theme Options from saving styles.

CONTENT

Custom Colors Settings

These are the custom color settings available in WpRentals under Theme Options > Design > Custom Colors Settings.

Here’s what each setting controls:

  • Main Color → Primary color for buttons, highlights, icons
  • Background Color → Default background color for the site
  • Breadcrumbs, Meta, and Listing Info Font Color → Font color for breadcrumbs, meta data, and listing details
  • Font Color → General text color
  • Link Color → Default link color
  • Headings Color → Color for headings (h1, h2, h3, h4, h5, h6)
  • Hover Button Color → Color buttons change to on hover

Here are the Sidebar Widget Color options in WpRentals under the Sidebar Widget Colors section:

  • Sidebar Widget Background Color → Background color for “boxed” widgets
  • Sidebar Heading Color → Color for the headings in the sidebar widgets
  • Sidebar Font Color → Color for the text in the sidebar widgets

Property, Blog and Owner Card Unit Colors

Here are the Property, Blog, and Owner Card Unit Color options:

  • Boxed Content Background Color → Background color for boxed content in property, blog, and owner card units
  • Border Color → Color for the borders around the boxed content

Calendar Colors

Here are the Calendar Colors options:

  • Calendar – Background Color for Day → Background color for each day on the calendar
  • Calendar – Font Color for Day → Font color for the day text on the calendar
  • Calendar – Internal Booking Color → Color used for internal bookings on the calendar

Header Menu Colors

Here are the Header Menu Color options in WpRentals located under Theme Options -> Header -> Header Menu Colors

  • Header Background Color → Background color of the header
  • Header Border Bottom Color → Color for the bottom border of the header
  • Top Menu Font Color → Font color for the top menu items
  • Top Menu Hover Font Color → Font color when hovering over top menu items
  • Top Menu Hover Background Color → Background color when hovering over top menu items (applies to some hover types)
  • Top Menu Hover Type → Specifies the type of hover effect applied to the top menu (e.g., underline, color change, etc.)
  • Active Menu Font Color → Font color for the active menu item
  • Transparent Header – Top Menu Font Color → Font color for the top menu items in the transparent header
  • Transparent Header – Top Menu Hover Font Color → Font color when hovering over top menu items in the transparent header
  • Sticky Menu Font Color → Font color for the sticky menu items
  • Menu Item Color → Color for the individual menu items
  • Menu Item Background Color → Background color for the individual menu items
  • Menu Item Hover Font Color → Font color for the menu items when hovered over

Top Bar Colors

Here are the Top Bar Colors options (located above the Header Menu)

  • Top Bar Background Color (Header Widget Menu) → Background color for the top bar (where header widgets and menu are located)
  • Top Bar Font Color (Header Widget Menu) → Font color for the text in the top bar (including header widgets and menu)

Mobile Menu Colors

Here are the Mobile Menu Colors options:

  • Mobile Header Background Color → Background color for the mobile header
  • Mobile Header Icon Color → Color for the icons in the mobile header
  • Mobile Menu Font Color → Font color for the mobile menu items
  • Mobile Menu Hover Font Color → Font color when hovering over mobile menu items
  • Mobile Menu Item Hover Background Color → Background color for mobile menu items when hovered
  • Mobile Menu Background Color → Background color for the mobile menu
  • Mobile Menu Item Border Color → Border color for mobile menu items

Here are the Footer Colors options managed from Theme Options – > Footer -> Footer Colors

  • Footer Background Color → Background color for the footer
  • Footer Font Color → Font color for the text in the footer
  • Footer Widget Title Font Color → Font color for the widget titles in the footer
  • Footer Copyright Font Color → Font color for the copyright text in the footer
  • Footer Copyright Background Color → Background color for the copyright section in the footer

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.