Navigation circles over the carousel, to the left

[adrienchevalier]

Hi guys!

Is there a way to have the navigation circle over the carousel, on the left for exemple.

Also I saw on the forum that we can change the circles color for red. But is that possible to customize active and inactive circle independently and have for exemple an outline white for inactive circle and a plain one for the active one ?

Thanks in advance.
Adrien

[mariusjopen]

Dear @adrienchevalier
I am sure that this is possible.
And achievable with CSS.
You will probably need some time to do that.

Do you know how to use CSS and the Element-Inspector from Google Chrome?

I recommend a CSS tutorial from Codeacademy.

Best!

Marius

[adrienchevalier]

Hi @mariusjopen,
Sorry for my very late reply, I've just let my website in standby since then and haven't had the notification of your answer.
Thank you anyway.

I'm still looking to know if there is a way to place the navigation circle over the carousel, top left for exemple (and not below the carousel).

But maybe it's not possible. If anyone has an idea.

Adrien

[mariusjopen]

Dear @adrienchevalier
you can try this in your CUSTOM CC code:

.lay-carousel-sink-parent {
    position: absolute;
    top: 0px;
    margin-top: -10px;
}

Let me know!

Marius

[adrienchevalier]

Hi @mariusjopen
Many thanks for this! It was almost this but
.flickity-page-dots instead of .lay-carousel-sink-parent

Here is the entire code if some else is interested:

.flickity-page-dots {
position: absolute;
top: 0px;
margin: 0px;
text-align: left;
}

.flickity-page-dots .dot {
margin: 5px;
background: #fff;
}

[mariusjopen]

Dear @adrienchevalier
ah great! Thank you for sharing!!

Marius