Generate Colors

Colors

Change every visible color in GeneratePress using over 60 color options!

Learn more GP Premium

colors-no-background-min

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]