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

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.

 

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google