Spacing Content while using Hover Colour

pavanzato

Hello,

Is there a way to control the line spacing when using the Hover Color element?

I built these boxes but the client keeps changing the content and has also asked me to add links to other pages.

https://advantagetitlewp.wpcomstaging.com/

The client loves the Hover colour elements... but I think my client is crazy for trying to stuff the links in with a Hover... I just floated a link from a text block on top of the Hover Color... I figured if I was able to get a better control of the content in the Hover Color element the client might approve it..

I couldn't come up with an alternative solution for this type of navigation. Any suggestions?

Phil

Hi,

Please, open the Style tab, open the Typography options, and there you will be able to control the Line-height.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pavanzato

Thanks Phil,

I will work on it today.

pavanzato

Phil,

I'm sorry, I can't find a way to edit my page within BeBuilder, I used WPBakery when creating this page and when I open to edit with BeBuilder the page opens but the elements are live, there is no way to select any element in order to get to the controls you are showing here. Is there a setting I have missed to activate editing?

The entire site was built using WPBakery and Slider Revolution 6

I use the Backend Editor - the edit commands are limited here.

Here are the controls I have - How can I open this using the BeBuilder editor.

Thought I could get by with Bakery but now I'm feeling like I need to RTFM

sorry...

Phil

It is not possible to edit the content created in one builder with another.

So if you already used the WPBakery you need to continue using this builder or recreate this page with BeBuilder. But these options will not be available in the WPBakery, and to change that in this builder, you would have to write a custom CSS for that.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pavanzato

Phil,

Would the CSS be defined in the HTML?

I am not much of a code writer but I know I can use inspect and find the section to see what the HTML looks like,

What defines the element to write a little section for the custom CSS?

Is it called wpb_wrapper?

Can I then add line spacing controls like:

.adjust-line-height { line-height: 1em;} ??

I'm just guessing because I really have no clue.

thanks

Phil

You can assign it to the column, and put this CSS code in the Page Options in the Custom CSS field.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pavanzato

Phil,

Very cool.... thanks I will give it a shot!

pavanzato

Phil,

Thank you again... it worked

Phil

Glad I could help. ?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next