Can’t change the CSS line-height attribute

  • Resolved Rabenmaul

    (@rabenmaul)


    7 years, 2 months ago

    Greetings from Germany,

    great plugin, but I struggle with one problem: I’m not able to change the line-height attribute for the main text. I use a custom CSS tool and can change the line-height for the popup title or the close button without any problems, but not for the content.

    I use the light box theme and several combinations of CSS classes with different values (%,px,em) for the line-heigt property and even the !important declaration.

    I would be very thankful for same thoughts on the issue.

    Best regards,
    Tobi

    • This topic was modified 7 years, 2 months ago by Rabenmaul.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @rabenmaul:

    Log in to your site, and go to ‘Popup Maker’ >> ‘Settings’ >> ‘Assets (tab)’. Select the button labeled ‘Show Popup Maker CSS’. On click, the button will display 2 text boxes; Core Styles and User Theme Styles.

    Copy the plugin’s Core Styles and paste them into your (parent or child) site theme’s stylesheet, or use a plugin like ‘Simple Custom CSS and JS’.

    The line-height property for the overlay layer, container, and content is included there. You can modify it as you see fit.

    Hello @rabenmaul:

    Log in to your site, and go to ‘Popup Maker’ >> ‘Settings’ >> ‘Assets (tab)’. Select the button labeled ‘Show Popup Maker CSS’. On click, the button will display 2 text boxes; Core Styles and User Theme Styles.

    Copy the plugin’s Core Styles and paste them into your (parent or child) site theme’s stylesheet, or use a plugin like ‘Simple Custom CSS and JS’.

    The line-height property for the overlay layer, container, and content is included there. You can modify it as you see fit.

    Thread Starter Rabenmaul

    (@rabenmaul)

    Hallo and thank you for your help!

    Unfortunately it doesn’t work this way. Surely I made some mistake. I tried the following setup to raise the line-height and even use the “!important” tag. But nothing happened. (%, px and em also doesn’t work).

    .pum-content {
    line-height: 1.5;
    }

    Though, if I do the following, it only works on the title:

    .pum-container,.pum-content,.pum-overlay,.pum-title {
    line-height: 1.5 !important;
    }

    Sorry and thanks again,
    Tobi

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can’t change the CSS line-height attribute’ is closed to new replies.