Need step by step help for Cornerstone css text – Themeco Community

Need step by step help for Cornerstone css text

byronic1@att.net — Tue, 30 Jun 2015 20:23:37 +0000

I’ve read dozens of entries for this simple subject but I can’t find a simple, step by step guide anywhere. I just want to modify text in my Cornerstone document (screen shot: https://www.dropbox.com/s/9bcq9rrazm7t8jf/Screenshot%202015-06-30%2013.17.01.png?dl=0). I need to write several alternate setups for text with different sizes, weights, colors, etc.
I know I am supposed to enter new css in the class or style sections of the text editor, but how are these classes linked up to an unnamed line of text?
Please enlighten me.

Thanks.

Reply To: Need step by step help for Cornerstone css text

Friech — Wed, 01 Jul 2015 01:58:33 +0000

Hi There,

Thanks for writing in! For you to use the Class field you need to define that class first with the style properties that you want to apply to your Text element.

e.g.

.myclass {
	font-size: 24px;
	font-weight: 600; /*100 lighter - 900 bolder*/
	color: blue;
}

You can add this under Custom > CSS in the Customizer.

Then on your desired Text element write the class (myclass) on the Class field, and the style of that class will be apply to your Text element.

If you use the Style field instead, you just simple put the properties directly on the Text element Style field, its called Inline styling

e.g.

font-size: 24px;font-weight: 600;color: blue;

Let us know if there is something that is not clear.

Hope it helps, Cheers!

Reply To: Need step by step help for Cornerstone css text

byronic1@att.net — Wed, 01 Jul 2015 20:05:09 +0000

Great! That cleared things up. One thing I didn’t realize until I experimented was this: when writing the class in the appropriate blank in the text screen, you have to omit the dot: myclass and not .myclass.

Reply To: Need step by step help for Cornerstone css text

John Ezra — Thu, 02 Jul 2015 01:10:54 +0000

Glad you got it to work!

Reply To: Need step by step help for Cornerstone css text

toddhaney — Sat, 23 Jan 2016 16:01:15 +0000

I have been trouble shooting my css field issue for hours now, and just read the above to find out that you only write the attributes in the field. I didn’t try it, because I thought it would be stated somewhere. Leaving it blank with no instructions or tips implies that it should follow standard CSS syntax.

So the issue all along has been lack of information. How difficult would it have been to have this line in a tooltip, or anywhere but buried in a forum with me expected to do the digging.

e.g. (enter only) font-size: 24px;font-weight: 600;color: blue;

Are there any basic “how-to” docs for using cornerstone? Maybe I have missed something. Everything is so intuitive I haven’t needed to look for docs before, but there are some things that really need to be stated.

Reply To: Need step by step help for Cornerstone css text

Rue Nel — Sun, 24 Jan 2016 05:22:22 +0000

Hey @toddhaney,

Thanks for updating this thread!

To know more about Cornerstone, please check it out here:
http://theme.co/blog/x-version-4-introducing-cornerstone/

You can also visit our knowledge base and to get to know the other Cornerstone features, elements and settings
https://community.theme.co/kb/

We are still consolidating a documentation exclusively for Cornerstone. Once it’s out, it would be much easier to have more information about how to use a Cornerstone element and other element customizations.

Thank you for your understanding.