CSS to add paragraph on home page

restoringourroots · Member · Aug 28, 2019 at 5:42 pm
Copy link

Add topic to favorites
Hello!

I would like to add a paragraph or two of text on my home page but as its not part of the theme, I need the css code. I would like to add them underneath the tagline.

My site is:
https://landasourteacher.wordpress.com/

thank you!!!

The blog I need help with is: (visible only to logged in users)
fstat · Staff · Aug 29, 2019 at 8:15 am
Copy link
Hi there,

This can be done with the following CSS code:
```
.site-description:after {
	content: ' Your text goes here' ;
	white-space: pre;
}
```
Let me know if there’s anything else I can do for you. I’m happy to help.
restoringourroots · Member · Aug 29, 2019 at 12:42 pm
Copy link
that’s great, thank you!

the paragraph is long and is trailing off the page so i need to insert some hard returns. how would i do this?

also, if i want to make the text smaller and not in caps, just regular text?

:D
fstat · Staff · Aug 29, 2019 at 1:15 pm
Copy link
I’ve made some tweaks to the code:
```
.site-description:after {
	content: 'This is the first line. \A This is the second line.';
	display: block;
	white-space: pre;
	text-transform: lowercase;
	font-size: 10pt;
}
```
You’ll have to use the \A escape sequence to insert a line break.

If you want to capitalize the first letter of each word, use the capitalize value.

Adjust the value in font-size to your liking.
restoringourroots · Member · Aug 29, 2019 at 1:34 pm
Copy link
ok thank you! is it possible to make the lines closer together as well as some padding above the first line?
fstat · Staff · Aug 29, 2019 at 3:27 pm
Copy link
Just add those two lines at the end (bellow font-size and before }):
```
	line-height: 2;
	padding-top: 20px;
```
The line-height property value can take decimals for more fine-tuning (e.g. 1.5).

If you’re interested in learning more CSS to make any adjustement yourself you can read this article:

https://en.support.wordpress.com/custom-design/css-basics/

No items found.