Portfolio carousel or related projects

[noxdiurna]

Hi,

I love the possibility to have a direct link to other related projects at the bottom of a portfolio page but this function seems to provide a limited possibility in terms of navigation as it is impossible to add a scroll button to show the entire list of projects.

I’m thinking about making the related projects invisible and have it replace by a portfolio carousel but encountered another technical problem that I’m incapable of solving myself.

Is there a way to remove those blue dots and remove the margin between the carousel element and the footer? Ideally, I wish to put those dots on the top of the carousel and remove the arrows instead.

Thank you in advance for your help.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What is your URL?

Thanks.

[noxdiurna]

This reply has been marked as private.

[noxdiurna]

I managed to get the controls removed with

.owl-pagination  {
    display:none;!important;
    }

But I still could find the way to remove the space between the carousel and the footer.

[David Martin – Support]

This will do it:

.single-portfolio .spb_portfolio_carousel_widget {
    padding-bottom: 0;
}
.single-portfolio article.type-portfolio {
    margin-bottom: 0;
}
.single-portfolio .owl-carousel .owl-controls {
    display: none;
}

– David.

[noxdiurna]

Hi David,

Thank you for your support.

Your advice has lowered the distance between the footer and the carousel but didn’t managed to remove completely the space between them.

[David Martin – Support]

Yes, sorry – please adjust this:

.single-portfolio .owl-carousel .owl-controls {
    display: none;
}

To this:

body.single-portfolio .owl-controls {
    display: none!important;
}

[noxdiurna]

David. Thank you so much for your help. That did the job perfectly.

[David Martin – Support]

Great stuff and we are happy to help you!

Thanks.