Line-Height & Footer CSS

[rocketboy]

Is there any options under theme options that I’m missing for the general paragraph line height? I built my website with classic text and the newer text editor and noticed the new text editor had an option for line height when it was different from the classic editor line-height. I’m trying to be sure all my paragraphs have the same line height and wondered if there was a universal line-height setting I’m missing. What would you recommend to achieve the same line-height on all paragraphs when using the classic and new text editor?

Using the pro editor I built a custom footer but need to use a different link/hover code thats seen on a mobile device. What code would you add so that I can customize the footer link/hover text color for phone numbers when on a mobile device?

Thank You for Your Time

[christian]

Hey Bryce,

Regretfully, there is no global setting for line height. It’s fixed in the Stack CSS. The body’s line height is

• 1.8 in Ethos and Renew
• 1.7 in Integrity and Icon.

There is no option to change colors based on screen width. What you will need to do is duplicate the element and hide the original in mobile view and hide the duplicate in desktop views then you change the color.

Thanks.

[rocketboy]

Thank you for your comments.

Would a global css setting like
p {line-height: 120% !important; }
be suitable to make the change universal?

If this above would not work would you recommend adding line-height: 120%; to the specific classic text editor css text boxes?

I only need to remove the footer link styling. How would I do this via CSS? In other words if the phone numbers font change to the family hyperlink color, I need to add CSS keeping these numbers to stay white because they get lost in the background color.

[friech]

Hi There,

You mean the hover color, please add this to Theme Options > CSS

footer.x-colophon a:hover {
	color: white;
}

A global CSS that will affect both Classic Text element and (v2) Text element would be. Don’t use % unit on the line-height, it won’t be uniform.

body .x-text {
	line-height: 1.8 !important;
}

Add that to Theme Options > CSS as well.

Cheers!