Colors

Learn more GP Premium

Video Overview

A quick look at using Colors

[gp_premium]

Color all of these elements!

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Body

• Background
• Text
• Link
• Link on hover
• Link when visited

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Header

• Background
• Text
• Link
• Link on hover
• Site title
• Tagline

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]

Primary menu + sub-menu

• Background
• Text
• Background on hover
• Text on hover
• Background when currently on page
• Text when currently on page

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Secondary menu + sub-menu

• Background
• Text
• Background on hover
• Text on hover
• Background when currently on page
• Text when currently on page

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Content

• Background
• Text
• Link + hover
• Content title
• Blog post title + hover
• Entry meta text
• Entry meta link + hover
• H1, H2, H3, H4, H5

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]

Forms

• Background
• Text
• Background on focus/hover
• Text on focus/hover
• Border
• Border on focus/hover
• Button background
• Button background on focus/hover
• Button text + hover

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Sidebar widgets

• Background
• Text
• Link
• Link on hover
• Widget title

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]

Footer widgets

• Background
• Text
• Link
• Link on hover
• Widget title

[/lgc_column]

[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]

Footer

• Background
• Text
• Link
• Link on hover
• Back to top button

[/lgc_column]