How to increase line height in Layout Builder Widget?

How can I increase the line height in the Layout Builder Widget? I’ve tried a few CSS codes within the layout builder and the call to action widgets, but neither have worked. I’d rather apply the CSS to this one particular page, rather the entire website. There is just one section where the lines are very close together and need some additional space.

Hello there,

Please share the link to the page in question, so I can take a look.

Regards,
Kharis

http://mtmacs.com/web-design/

It’s the Layout Builder at the VERY bottom of the page, titled, “Take Your Business and Website to the Next Level.” The row above it had it’s title font size lowered considerably too. I have no idea why, it was much larger days ago.

Thanks for taking a look!

Thank you for sharing. It helped me a lot. Please try adding this CSS code to Appearance > Customize > Additional CSS in your site dashboard.


#pg-322-11 .roll-promobox .title {
  line-height: 30px;
}

Regards,
Kharis

Thank you, Kharis! That looks great.

How are you able to identify the #pg number and the # of the row or widget in which to apply the #pg-322-11 code? I need to learn more about CSS, but it would be nice to figure out how you identify each page area in which to apply custom code. That would help me A LOT!

Thanks again for all you do

Hello there,

You’re welcome!

You can use the help of your web browser’s inspector tool. On Firefox, right click on the browser window and then select inspect element. Then use your mouse pointer to find the exact selector.

Cloudup

Regards,
Kharis

Thank you, Kharis! You are a life saver. I really appreciate all of your help.

This topic is the only left that I haven’t found an answer to- https://athemes.com/forums/topic/my-title-size-shrunk-and-there-is-an-area-of-white-space-that-is-baffling/#post-914793

You’re welcome and best wishes!

Regards,
Kharis