BuildMe – Documentation
  • Home
  • Knowledge Base

Knowledge Base

Home/Knowledge Base/Getting Started/Color Options

Color Options

  • Created April 25, 2015
  • Author admin
  • Category Getting Started

Within the Theme Options panel, BuildMe has a fully customizable Color Options tab where you can set individual color for each categorized sections. Everything you need to adjust your website’s color, you will find under Appearance > Theme Options > Color Options tab! To learn more about which areas are connected to which options, continue reading below.

GENERIC

– Content Background : Affects the page background.
– Heading Color : Affects Default color for H1-H6 elements
– : Affects Font color of the content
– Alternate Color #1 : Affects link color, hover color and input elements active border
– : Affects footer, footer sidebar title color, text color and separator color
–  Affects footer sidebar link color
– Alternate Color #4: Affects Blog and Project filter bars
– Alternate Background Color :  Affects comments background color
– Separator / Border Color : Used for, Primary menu, in page Seperators and Comments bottom border

color_options_generic

 

Header / Logo / Info Bar

– Text Logo Color :  Available only when one or both logo image not supplied
– Heading Color : Affects default color for page header.
– Text Color : This one used for usually generic text.
–  Alternate Color:  Affects elements like icons
– Info Bar Background : Affects background color of Info Bar on top menu bar.
– Background Color Start : Gradient background start color
– Background Color End : Gradient background end color

gradient_color

– Separator Color : Affects separator color
– Background Image : In case you want to add an image or pattern file just upload or choose custom page background image. ( see attached screenshot)

color_options_header

 

Primary Menu

– Font Color : Affects menu item’s color.
– Font Color : Hover / Active : Affects menu item’s hover color.
– Background Color : Affects menu bar’s background.
– Background Color End : Gradient menu bar end color

gradient_color

– Dropdown Background Color: Affects dropdown menu background.
– Dropdown Background Color : Hover / Active
– Separator Color : Affects separator color on menu bar.

color_options_primarymenu

 

Footer

– Background Image : Upload or choose custom page background image.
– Background Color : Affects footer background.
– Foreground Color: Affects footer content text
– Alternate Color: This is an accent color for highlight content items.
– Separator Color : Affects separator color on footer bar.

color_options_footer

 

Form

Font Color : Affects text color on form element.
Background Color : Affects color of form field element.
Font Color (Button) : Affects Button color.
Font Color : Hover / Active (Button)
Background Color (Button)
Background Color : Hover / Active (Button)

Background Styling

– Background Color : This option will affect only page background.
– Custom Background Image : Upload or choose custom page background image. (see attached screenshot)
– Background Image Size : Only available on browsers which supports CSS3.
– Background Image Repeat : Adjusting image position due to different requirements.
– Background Image Attachment : Adjusting image position due to different requirements.

 

color_options_form_bg_styling

Tagged: color optionsfooter background imagegenericheaderheader background imageinfo barlogo

Related Articles

  • How to Create a Carousel With Info Box? 0
  • Where Do I Find Used Stock Images? 0
  • Set up Navigation Menus 0
  • Setting Default Page Model 0
  • How to set home and blog pages 0
  • How to Setup Single Project Post 0

Knowledge Base Articles

  • Adding my own Google font for Essential Grid, Revolution Slider
  • How to Create a Carousel With Info Box?
  • Downloadable PSD File for HomePage Design
  • Where Do I Find Used Stock Images?
  • Setup A Project Listing Template Page
  • Set up Navigation Menus
  • Setting Default Page Model
  • How To Change Background
  • Configure Widgets
  • How to set home and blog pages
  • How to add own favico?
  • Why imported dummy data doesn’t look identical on BuildMe Demo?
  • How do I setup Shop?
  • How to Setup Single Project Post
  • Client Testimonials Carousel
  • First Steps With WordPress
  • How to Install WordPress?
  • How to Setup Main Menu / Header
  • Color Options
  • Footer Layout Customization

About FreeVision

We create beautiful, modern WordPress themes with clean design, powerful features and great support.

Tips & FAQ

  • How to translate a theme
  • Why imported dummy data doesn’t look identical on BuildMe Demo?
  • Request A Rate Form
  • How to Create a Carousel With Info Box?
  • How to Setup Main Menu / Header

Knowledge Base Articles

  • Adding my own Google font for Essential Grid, Revolution Slider
  • How to Create a Carousel With Info Box?
  • Downloadable PSD File for HomePage Design
  • Where Do I Find Used Stock Images?
  • Setup A Project Listing Template Page
© Copyright OzyThemes.