Cannot specify separate margin/padding values

  • Resolved Palpatine1976

    (@palpatine1976)


    6 years, 8 months ago

    Hi –

    I love the flexibility and detail in the advanced design tab in the element builder, but I cannot seem to ONLY specify one param in an element’s margin/padding. I know we can deselect the “LINK” icon to enter different values for T|R|L|B, but the JavaScript validation forces a value (defaulting to ‘0’).

    This means if I JUST want to apply “margin-bottom:12px” but leave all the other dimensions untouched, I cannot do that. The plugin always outputs a full margin (or padding) set like “margin: a b c d”.

    Also, it’s not possible to specify “auto” (which is a valid CSS value) as a value for the same reasons.

    Any advice please?

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

  • What Theme are you using? I use OceanWP and do not have these issues.

    Thread Starter Palpatine1976

    (@palpatine1976)

    I’ve tried it on a fresh WP install running 2017 theme. The issue is still present – you can’t delete the numbers in the margin/padding boxes. They auto-update to ‘0’ if you enter any non-integer character (or space)

    Please try for yourself: make a section, edit section, –> Advanced tab, unlink the parameters, and try making a custom CSS of “margin-top:20px”.

    Not sure about your instructions. If I try to type in “margin-top:20px”, the box is reset to 0. If I type in 20 the image moves down 20 pixels. I do sometimes see “Auto” in these boxes but I think that is related to the default theme settings. Why are you entering non-integers? You don’t have to enter code, just a numeric value.

    • This reply was modified 6 years, 8 months ago by LesTexas60.
    • This reply was modified 6 years, 8 months ago by LesTexas60.
    Thread Starter Palpatine1976

    (@palpatine1976)

    Thanks @lextexas60 – but I don’t think you understand my description of the issue. The issue is that you can’t just enter a number in ONE of the FOUR separate margin/padding boxes without the others being set to zero. Boxes that are set to zero get a 0px explicit value in the output CSS. Therefore, it’s not possible to generate a single-dimension margin/padding.

    Do you know if the plugin authors read this Support area, or should we put in tickets on their website?

    Thanks

    Take a look at this page. It has a capture of my entries screen. I can enter 1 to 4 numbers with no issues.
    https://www.prestigiousvibe.com/contracts/

    AS I said, I use OceanWP theme, I havn’t tried this in your theme.

    • This reply was modified 6 years, 8 months ago by LesTexas60.
    Thread Starter Palpatine1976

    (@palpatine1976)

    Thanks but you are still missing the problem. You can’t just enter 1 number.

    Even in your screenshot, you have entered 4 numbers for padding: 9, 11, 0, 0. This will output css: “margin:9px 11px 0 0”.

    I want to JUST output “margin-top:9px” (so that CSS settings from other classes are not overridden)

    I guess I should submit an issue in Github for this…

    Look again, I only put one value in each of the Margin and Padding boxes. I added them separately and together to make sure both ways would work. They work fine.
    https://www.prestigiousvibe.com/contracts/

    I didn’t enter the 0’s, they were the default entries already there.

    HIt F5 a couple times if you still see the old image.

    • This reply was modified 6 years, 8 months ago by LesTexas60.
    Thread Starter Palpatine1976

    (@palpatine1976)

    I feel like we are going around in circles. You just verified my point – you CANNOT have EMPTY values in those boxes; the default ‘0’ cannot be removed. That’s precisely my point. I’m not sure you understand how this UI box generates the output CSS. Thanks anyway for trying – I’ll put in in Github for them to review.

    Thread Starter Palpatine1976

    (@palpatine1976)

    Here’s the Github issue – I used your screenshot, thanks!
    https://github.com/pojome/elementor/issues/5270

    Twig, If I sounded like we were arguing, I wasn’t. I just wanted to make sure I understood your issue. Please come back and add to this post when you find out the results.
    Good Luck

    Thread Starter Palpatine1976

    (@palpatine1976)

    Not taken that way at all @lestexas60! Just a tricky issue to explain. I’ll certainly update this thread with any results. I’m new to Elementor (been using Visual Composer for years) but I’m really liking it so far.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Cannot specify separate margin/padding values’ is closed to new replies.