Border

  • Resolved MarionWante

    (@marionwante)


    4 months, 1 week ago

    I think I have a simple question, but still I could not find a solution. I need a horizontal line or a bottom-border of 1px after each 3 thumbnails (or after each row) in the gallery. Of course I tried searching in the CSS of Modula Grid, but nothing seems to have any effect. It would be very nice if this is possible, it would make the plugin just perfect for me 😉

    Thank you in advance for your time.

    Kind regards from The Netherlands!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Razvan

    (@raldea89)

    4 months ago

    Hello Marion,

    Could you please give us a quick mock of how you want to look so we can better understand?

    Warmly,
    Razvan

    Thread Starter MarionWante

    (@marionwante)

    4 months ago

    Maybe I made myself not clear. My client wants the paintingsgallery seperated by 3 or 4 in a row. Ofcouse I can make multiple galleries and divide them with a horizontal line, but then a visitor of the site has to open a new gallery instead of being able to scroll through all items at once. On their old website (I am creating a new one for them) I used a plugin, but it is not a modern one and not so easy to use. However, the page is: Schilderijen – ariadne leefoge. Maybe this makes it clearer on what I mean.

    Thank you so much for your time and effort!

    Regards,

    Marion

    Plugin Author Razvan

    (@raldea89)

    4 months ago

    Thank you for the info. It would be really hard to achieve what you want, maybe using CSS pseudo-elements like ::after and calculations for the width and placement. JavaScript is another option, but if it can be done with pseudo-elements it would be better.

    Example:

    .modula-item.effect-pufrobo.tg-loaded:nth-child(3):after {
    content: "";
    display: block;
    width: calc(300% + 60px);
    position: absolute;
    height: 1px;
    background: #000;
    bottom: -15px;
    left: calc(-200% - 60px);
}

    Warmly,
    Razvan

    Thread Starter MarionWante

    (@marionwante)

    4 months ago

    Yes, I tried already with :after, but no luck. Thank you anyway!

    Regards,

    Marion

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