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 andu00a0skew-overlay-rvu00a0

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 oru00a0skew-overlay-rvu00a0 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

u00a0

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

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, u00a0offsetting its position and the buttons padding so it sits over the box-shadow that is added to the right hand side of the button.

u00a0

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. u00a0This 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.

u00a0