Docs

[Innovata]

Hello,

Right now I’m playing with Cornerstone in Integrity 7. How do I change the colors of the Custom headlines and text in the sections?

Thanks in advance.

[Thai]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[RedRaynor]

I am also using Cornerstone with Integrity 7 and the font colors are not changing in the site. http://www.workingwithfaculty.com/wp
I have even tried adding CSS to override but that is not working either. Help!!

[Darshana]

@innovata

Here’s how to change the custom headline text colors. First make sure that you have enabled ‘advanced controls’ in Cornerstone (refer: http://screencast.com/t/p76ONUjiUCuL). Then you can select the custom headline element and add your own style color (refer: http://screencast.com/t/3gb19JSwIzeX).

To change text in a Text element, now you can switch to the visual mode (refer: http://screencast.com/t/bNTm0vmQku).

Hope that’s clear

@redraynor

Could you please provide us with your login credentials to check your setup? Also please mention on which sections of the pages that you have tried to edit.

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Innovata]

Hello,

This works! I enabled the advanced controls in Cornerstone. And how do I choose a different font type en font size? Also by adding some code to the CSS? Or is there a easier way to do this?

Thanks in advance!

[Christopher]

Hi there,

You can add inline CSS to your custom headlines.

Please add font-size:20px;font-family:cursive;color:red; in custom headline’s style field.

Thanks.

[Innovata]

Thanks! But what if I want to use a Google Webfont? Also in inline CSS?

[Zeshan]

Hi Innovata,

If you want to use a custom Google font outside the customizer, you will first need to import it in your website unless you already used it in the Customizer. For example, to load Open Sans, you can insert following line under Custom > CSS in the Customizer OR under Settings > Custom CSS in Cornerstone (see: http://prntscr.com/7fp5q0):

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

Then you can use the font as inline CSS in your headline, e.g.

font-size: 20px; font-family: 'Open Sans', sans-serif; color: red;

Thanks!

[Author]

Posts