Support Center Visit Demo License manager Buy @ envato

Spacing Content while using Hover Colour

pavanzatopavanzato
in Other

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.

spacing.JPG
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?

Comments

  • PhilPhil

    Hi,

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

    image.png

    Thanks

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

    Thanks Phil,

    I will work on it today.

  • pavanzatopavanzato
    edited March 2022

    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.

    backendEDIT.JPG

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

    backendEDIT_2.JPG


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

    sorry...

  • PhilPhil

    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
  • pavanzatopavanzato

    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

  • PhilPhil

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

    image.png
    image.png

    Thanks

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

    Phil,

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

  • pavanzatopavanzato

    Phil,

    Thank you again... it worked

    lineHeight-adjustment.png


  • PhilPhil

    Glad I could help. ?


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.