Styling

Merged Site Header

A GeneratePress Site for visual artists
Customizing the Site Header

This site uses the GP Site Header and Navigation.

You can change the Site Title or add a logo within the Customizer > Site Identity.

The standard Navigation colors ( set in Customizer ) are overwritten in Appearance > Elements > Merged Header –> Site Header Tab.

The Merged Header is set to display on all Pages of the Site.

Skewed gradient backgrounds

The site takes advantage of nested sections to create content within 2 columns. The parent and the child column both have a Style > Background Overlay using a radial gradient.

We then apply some simple CSS by giving each Column > Advanced > Custom CSS Class of:

skew-overlay and skew-overlay-rv 

2 Tone Header Divider

The 2 tone header is simply a Divider Widget. We have manually set the Thickness and applied a left or right hand border.

get your message across with big headlines

Underpin the message with a sub heading 

Overlay Blended Image

The parent Section > Style > Background –> Color is set to a Solid Color. A transparent PNG is added to the Style > Background Overlay and uses a Darken Blend Mode to create the effect you see.

What we do

Service 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Skewed gradient backgrounds

Again we use the:

skew-overlay or skew-overlay-rv  with a radial gradient background on our columns to create the skewed overlay effect seen here.

The last section we have applied some negative top margin to create the slight ovelap

 

Service 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Service 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

What others are saying

Once i had experienced the vibe there was no turning back. If you don't have the vibe then you're truly missing out.
John Doe
Designer

Full Width 50% columns

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
2 Tone Icon Button

A simple use of adding a button icon,  offsetting its position and the buttons padding so it sits over the box-shadow that is added to the right hand side of the button.

 

get your message across with big headlines

Underpin the message with a sub heading 

Get the vibe

Sign up to keep up with the latest vibe.  This is a Place holder for your form shortcode or widget.

Enter your email*
Form Placeholders

We have built this entire site using Elementor Free. Which doesn’t come with a form widget.

As Form requirements vary for each users needs we have left just a placeholder for you to add any form plugin you wish.