Support » Plugin: Related » Adding CSS with Elementor

  • Resolved pejooe

    (@pejooe)


    Hi marcel!

    Thank you in advance for your help 🙂

    I´m desigining a website using Elementor and I´m trying to Add CSS to your related post plugin using the CSS box in an Elementor widget, you can see here https://prnt.sc/mwxmfy

    I want to add this CSS but isn´t working:

    .elementor-custom-masonry {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(6,1fr);
    display: grid;

    Is there any place to add this CSS to change the related post design?

    Thanks a lot!

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

Viewing 1 replies (of 1 total)
  • Plugin Author Marcel Pol

    (@mpol)

    Hi,
    I am not really sure what you are asking 🙂
    You want to have a masonry styling for the extended related posts view?
    I can assume you want to add that class to the list. There is currently no way to add a class to the list.
    I can add a filter that makes it possible to add that class to the list. Would that be good?

    If you want to apply this CSS to the related list, you could add this CSS:

    ul.related-posts.extended_view {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        grid-template-columns: repeat(6,1fr);
        display: grid;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Adding CSS with Elementor’ is closed to new replies.