OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
Color of slider Arrows (0 viewing) 

Joomla Slider Support

Go to bottom Favoured: 0

Color of slider Arrows

heinz@prohk.ch (User)
Fresh Boarder
Posts: 14
graphgraph
User Offline Click here to see the profile of this user
Color of slider Arrows 1 Year, 2 Months ago
Karma: 0  
Hi, I am very happy with os-slider!
One question remains after searching in videos and other docu..
> does someone know how to change the color and size of the slider-arrows left & right?
I don't find any options..
regards, Heinz
Logged Logged
The administrator has disabled public write access.
admin (Admin)
Admin
Posts: 8243
graph
User Offline Click here to see the profile of this user
Re:Color of slider Arrows 1 Year, 2 Months ago
Karma: 101  
hello

In OrdaSoft Joomla Slider - for change arrow size and color. You need open file
{your site}/modules/mod_os_touchslider/assets/css/swiper.css


and change row 17 and 133
Code:


:root {
  --swiper-theme-color: #007aff;
}



and 133
Code:

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}




Or add to this file bottom below code:
Code:

.swiper-button-prev:after, .swiper-button-next:after {
    color: #f00000 !important;
    font-size: 64px !important;
}




Regards
Ordasoft team
Logged Logged
The administrator has disabled public write access.
heinz@prohk.ch (User)
Fresh Boarder
Posts: 14
graphgraph
User Offline Click here to see the profile of this user
Re:Color of slider Arrows 1 Year, 2 Months ago
Karma: 0  
Hi
Changing the /modules/mod_os_touchslider/assets/css/swiper.css file on lines 17 & 133 worked fine. But for me it's not the solution I am looking for, because on each update of os-touchslider I have to redo this on each instance of the slider on different websites.

Putting the

Code:

.swiper-button-prev:after, .swiper-button-next:after {
    color: #f00000 !important;
    font-size: 64px !important;
}



in templates custom.css did not work unfortunately.

Question: what means the swiper "theme" color. Are different themes possible?

I hope that the navigation arrows and bullets can be adjusted in future in the module-options....

regards, Heinz
Logged Logged
The administrator has disabled public write access.
admin (Admin)
Admin
Posts: 8243
graph
User Offline Click here to see the profile of this user
Re:Color of slider Arrows 1 Year, 2 Months ago
Karma: 101  
Hi Heinz

>Add below code to bottom of your template style.css file:
Code:

.swiper-button-prev:after, .swiper-button-next:after {
    color: #f00000 !important;
    font-size: 64px !important;
}



Sorry, this must work, can you show link to yours site ?


I hope that the navigation arrows and bullets can be adjusted in future in the module-options....
sorry, We added this to wish list for next OrdaSoft Joomla Slider update

Regards
Andrew
OrdaSoft team
Logged Logged
The administrator has disabled public write access.
heinz@prohk.ch (User)
Fresh Boarder
Posts: 14
graphgraph
User Offline Click here to see the profile of this user
Re:Color of slider Arrows 1 Year, 2 Months ago
Karma: 0  
Hi Andrew
The Site you will find here www.meerkaemper.ch/staging.

attached screenshots and description.

when I manipulate the code in browser developper tools, it changes the color.

The same code in custom css, or your code in custom.css of template (helix3.03) don't affect the color.

Changes directly in modules > style.css are also working, but only as workaround because of future updates will overwrite the changes.

Regards and thank you , Heinz
Logged Logged
Last Edit: 2023/02/02 12:11 By heinz@prohk.ch. Reason: zip upload did not work
The administrator has disabled public write access.
heinz@prohk.ch (User)
Fresh Boarder
Posts: 14
graphgraph
User Offline Click here to see the profile of this user
Re:Color of slider Arrows 1 Year, 2 Months ago
Karma: 0  
triing again to add a picure (Screenshots)
Logged Logged
Last Edit: 2023/02/02 12:16 By heinz@prohk.ch. Reason: and again - too much pixels, now smaller
The administrator has disabled public write access.
Go to top
»