Change position of navigation arrows

Ask the Community Customization
1

Hi everybody,

what kind of css code can I modify to change the position (right, left) of the navigation arrows?

Or can I make the text-area a little bit taller?

THX

1 Like
3

Hi there and welcome to the Community, @Thorsten_Spira :waving_hand:

This code should do the trick:

.es-carousel-arrow-control-left {
  left: -20px
}

.es-carousel-arrow-control-right {
  right: -20px
}

Add this code to the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result :wink:

4

In german I would say “Weltklasse”. Thanks a lot

A small “but”: It doesn’t fit for mobile view now. Can I change it separatly? I know how to modify the mobile view in Jimdo, but how do I change it here?

1 Like
5

Ah sorry for the oversight!

You can just set separate values for the mobile view using this CSS code:

@media (max-width: 500px) {
.es-carousel-arrow-control-left {
  left: -30px;
}

.es-carousel-arrow-control-right {
  right: -30px;
}
}

Please check it out and let me know how it worked for you :slightly_smiling_face:

6

THX so much! It works perfect!

If you would like to answer another question, here it is:
Is there a chance to make the text-Area “more narrow”?

1 Like
7

Here is the code that reduces the width of the text container and aligns it and the rating container to the center on desktop:

.es-review-content-text-container {
    width: 10%; 
    max-width: 600px; 
    min-width: 300px; 
    margin: 0 auto; 
}

.es-review-content-rating {
    display: inline-block;
    margin: 0 auto;
}

After using this code, you should also adjust the position of the arrows. Give it a try and let me know how it worked.

If you also need such a code for the mobile view, just say it. I’ll ask the devs to provide a solution :wink:

8

Perfect… Thank you so much!!!

Have a nice day

2 Likes
9

It’s my pleasure!

Don’t hesitate to contact us here again in case of any questions :wink: