Minor tweak

Resolved Dan Caragea
(@dancaragea)

5 months, 4 weeks ago

I checked my backup for public.css (2023) and there was this line:

.aiovg-row .aiovg-row {
margin: 0;
}

I added the following CSS code under „Appearance / Customize / Additional CSS” – to show a thin line between videos (just like I have for my posts on Home, Recent Posts, etc.) in Video Gallery widget.

.aiovg-row .aiovg-row {margin: 0; border-bottom: 1px solid #ddd; padding: 0 0 16px 0;}

It was OK, but I haven’t checked for long time and now noticed that my custom code it no longer works.

public.css (2025) has only one line for .aiovg-row:

.aiovg-row {
display: flex;
flex-wrap: wrap;
}

I tried to add the thin line with my custom code above but it doesn’t work. Can you offer me a solution?

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

Plugin Support San Rosh
(@sanrosh)

5 months, 4 weeks ago
My sincere apologies for the inconvenience caused.

In recent updates, we refactored the gallery layout and removed the nested .aiovg-row .aiovg-row structure. The inner row has now been replaced with the class .aiovg-item-video, which is why your older CSS no longer applies.

To add a thin separator line between videos (similar to what you had before), please try the following updated CSS:
```
.aiovg-row .aiovg-item-video {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
}
```
This should restore the spacing and border effect you previously had.

If you need further adjustments or if this doesn’t fully achieve the look you want, feel free to let me know—I’ll be happy to help!
Thread Starter Dan Caragea
(@dancaragea)

5 months, 4 weeks ago

I replaced old code with .aiovg-row .aiovg-item-video and readjusted padding. It’s just like I had it.

I also tried to add the following code: .aiovg-row .aiovg-item-category { margin: 0; border-bottom: 1px solid #ddd; padding: 10px 0;} for Category video page (a thin separator line between categories, too). But thin line is also shown in Video page, under categories.
Plugin Support San Rosh
(@sanrosh)

5 months, 3 weeks ago
I understand that you need this only in the sidebars and in the mobile view, where the video layout shows the image on the left and the title and views on the right.

Kindly try using the following code:
```
.aiovg-widget-videos .aiovg-row .aiovg-item-video {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}


@media only screen and (max-width: 419px) {
    .aiovg-row .aiovg-item-video,
    .aiovg-row .aiovg-item-category {
        margin: 0;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
}
```
- This reply was modified 5 months, 3 weeks ago by San Rosh.
Thread Starter Dan Caragea
(@dancaragea)

5 months, 3 weeks ago

Thank you.

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

You must be logged in to reply to this topic.