• Resolved arthurkarelse

    (@arthurkarelse)


    Dear Daniel,

    I am using a set up where people can ‘click’ the location bubble to see the extended description. On the ‘single post page’ (I added a link as an example to one of those posts) I’m using a shortcode to display the relevant image (the relevant shortcode is [open-user-map-location value=”image”].

    My question is – hopefully- not technically difficult: Can I add variables to the shortcode that arrange the height and wide of the displayed image through the shortcode. the reason I’m asking is that Elementor will not let me set any display rules for a shortcode block.

    I tried adding ‘height=”400px” height_mobile=”300px”‘ as follows: [open-user-map-location value=”image” height=”400px” height_mobile=”300px”] but that did not work. So obviously I need to address this in a different way. Do you have a suggestion on how to accomplish this?

    Many thanks and kind regards,

    Arthur

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author 100plugins

    (@100plugins)

    Hi @arthurkarelse,

    There are no shortcode attributes to do this. You have to options:

    1. Wrap the shortcode within another element that you can set width and height
    2. (Recommended) Use CSS code to style the image:
    .oum-location-value[data-value="image"] img {
    width: 150px; /* Set the desired width */
    height: auto; /* Set the desired height */
    }

    Best regards,
    Daniel

    Thread Starter arthurkarelse

    (@arthurkarelse)

    Dear Daniel,

    many thanks for your reply and css suggestion. I’ve incorporated that bit of code and it works like a clock.

    Again many thanks and with kind regards,

    Arthur

    Plugin Author 100plugins

    (@100plugins)

    You are welcome. Feel free to drop a review here in the forum if you are happy with my plugin.

    Thanks and best regards,
    Daniel

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.