Linespacing for just one line

User 3196654 Photo


Registered User
16 posts

Hello, I am new to Site Designer, and have a text question. I wanted to put a larger "drop cap" letter at the beginning of a paragraph, but can't get the linespacing right. Is there a way to adjust the linespacing for just the first line of text in a paragraph?
User 187934 Photo


Senior Advisor
20,255 posts

Hi Kristofer,
Add a text element double click the element and select or high light the first letter of the line. This will allow you to set the properties for it.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
5,213 posts
Online Now

or you could add some custom css to the header then give the paragraph where you want a drop cap a unique ID (drop-cap) or if you wanted more than 1 para give them the additional class name and put the custom CSS in the page /section header
<style>#drop-cap:first-child:first-letter {
color: #903;
float: left;
font-family: Georgia;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}
</style>

<style>.drop-cap:first-child:first-letter {
color: #903;
float: left;
font-family: Georgia;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}
</style>

This one will give every paragraph on that page a Drop Cap

The only small problem is that the effect is only viewable in Preview Device View or Preview On

Short-quick demo if required available
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 379556 Photo


Registered User
1,576 posts

Wayan's method at https://www.coffeecup.com/forums/site-d … post290629 doesn't adjust the line spacing, but it's worth considering.

Frank
User 2699991 Photo


Registered User
5,213 posts
Online Now

Frank Cook wrote:
Wayan's method at https://www.coffeecup.com/forums/site-d … post290629 doesn't adjust the line spacing, but it's worth considering.

Frank


Hi Frank
Hope you are doin OK over there

Nope it doesn't adjust line spacing but then it doesn't need to.
Attachments:
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 3196654 Photo


Registered User
16 posts

Thanks everyone for the help, I have it working pretty well now.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.