HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

X Theme Cornerstone Tutorial: Better Headlines with CSS (+Free Page Template!)

3,540 views October 26, 2016 13:33

Watch on YouTube
ChannelVisualicity Wordpress Tutorials

Description from the creator

In this Wordpress Tutorial I show you how to get the most out of the Custom and Feature Headline Elements in the Cornerstone Page Builder using CSS. I am also giving away the Cornerstone Template I recorded the video over here: visualicity.com/cornerstone-templates/ so it’s easier to follow along/copy the CSS codes.

First I explain why using Custom and Feature headline is so important. Then I go over the fundamental difference between the two headline types. Next I show how to add shadows to text in Cornerstone with CSS to add more depth to your Headlines. Then I explain how to change the Custom Headlines accents color and border style using CSS. I also show how to use a code to create icons inside of accents to create interesting separators and divides on your web pages.

Now that Cornerstone has been released as a plugin, this tutorial should work the same for both X Theme users and users who run Cornerstone on other Themes.

Want more tutorials/templates? Visit our site:
visualicity.com

Please Subscribe! It keeps us going!:
youtube.com/channel/UCWEh6lSRyaxqgcYKb9y4TrQ?su…

For more details on how to customize Custom and Feature Headlines inside of Cornerstone visit this page:
visualicity.com/custom-and-feature-headline/

CSS Border Styles Reference:
w3schools.com/css/css_border.asp

H1 and H2 Google Ranking Statistics from Searchmetrics 2015 keyword study.
www.searchmetrics.com

How to use the ID, Class, and Style boxes:
youtube.com/watch?v=v8H2of6yHDc

About this tutorial

Visualicity Wordpress Tutorials published this 13:33 video tutorial on October 26, 2016. It has been watched 3,540 times on YouTube.

Duration
13:33
Published
October 26, 2016
Views
3,540
Likes
43

Tags

Share

This tutorial in other languages