Skip to content

Too general figure styling in .elementor-widget breaks shortcode inclusion of image plugins #7331

@whatsnewsisyphus

Description

@whatsnewsisyphus
.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
margin: 0 ;
}

breaks various image and portfolio plugins as it is a pretty specific selector, overriding their image margins. You cannot double up on the not arguments so you'll have to come up with a solution otherwise or just drop this declaration altogether, what was it fixing ?

For example, visual portfolio uses

.vp-portfolio__item-wrap .vp-portfolio__item {
    margin-left: 40px;
    margin-top: 40px;
}

to put a margin between masonry elements. If you add their gallery to elementor using the shortcode box, the images come out with no spacing due to your css blanket.

Somebody tried to report this months ago but their bug-report was super vague and so it got closed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIndicates a bug with one or multiple components.status/mergedIndicates when a Pull Request has been merged to a Release.

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions