Linespacing for just one line - Post...
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?
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.
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
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
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
<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/
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/
Wayan's method at https://www.coffeecup.com/forums/site-d … post290629 doesn't adjust the line spacing, but it's worth considering.
Frank
Frank
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
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.
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/
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/
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.