How to position numbers on right side of carousel

[marskid]

Hello,

Is it possible to integrate the carousel numbers within the Gridder?

Below is a sketch of what I would like to do: currently, the numbers sit on top of the images, but I would like them to be positioned on the right, with the text.

I have limited custom CSS knowledge, any help would be deeply appreciated.

Thank you,
Emi

[mariusjopen]

Dear @marskid
Are you familiar with CSS and a bit of jQuery? If not I would recommend to have a look into some tutorials at Codeacademy https://www.codecademy.com/.
It is for free for the basics. The effect you are trying to achieve requires some knowledge and brainpower :-)

Have a look here to get more info about the carousel plugin: http://laytheme.com/carousel.html.
Best!
Marius

[marskid]

Hi @mariusjopen ,

Thank you for your response, I really appreciate it. I will look into some tutorials!

Best,
Emi

[mariusjopen]

Dear @marskid
Happy to help!
Best!
Marius

[marcos]

@marskid Maybe is too late / or you already figured it out but this is what I just did on a similar instance:

.lay-carousel-sink-parent {
         position: fixed!important;
         bottom: 0!important;
         right: 0!important;
	margin-bottom: 2vw;
	margin-right: 1.5vw;
  border: 0;
}

In your case you'll probably need to tinker with margin-top, etc...

(I had previously tried the span.numbers class with no luck, the key seems to be to move the container inside which the numbers are placed)

[arminunruh]

very good marcos!

[emresenoglu]

thanks @marcos - this does work for moving the numbers. however it also moved the captions. any way to prevent it from affecting captions, and if possible to exclude some pages?

[emresenoglu]

[arminunruh]

hey maybe u can use the chrome inspector to find the correct css class