Hi there,
It seems there is a alignment differences in my MOBILE recent widget title-slider button with the picture itself (either it work or post, see attachment). Also, I am would love to change the this widget slider button color to be less transparent. Which line of the code should I change in the style.css?
I am using these code below to adjust the max width for mobile:
@media only screen and (max-width : 1000px) {
body .container, body div.slider-nav {
max-width: 85%!important;
}
}
1. Since the carousel controls container is nested by using a percent value you're telling it to occupy 85% of the parent container, which is occupying 85% of the screen width. You could set a pixel value like:
@media only screen and (max-width : 1000px) {
body .container, body div.slider-nav {
max-width: 430px!important;
}
}
and it would work.
2. It seems you've already found how to change the color of the controls :)
It seems there is a alignment differences in my MOBILE recent widget title-slider button with the picture itself (either it work or post, see attachment). Also, I am would love to change the this widget slider button color to be less transparent. Which line of the code should I change in the style.css?
I am using these code below to adjust the max width for mobile:
@media only screen and (max-width : 1000px) { body .container, body div.slider-nav { max-width: 85%!important; } }Hey Robertus!
1. Since the carousel controls container is nested by using a percent value you're telling it to occupy 85% of the parent container, which is occupying 85% of the screen width. You could set a pixel value like:
@media only screen and (max-width : 1000px) { body .container, body div.slider-nav { max-width: 430px!important; } }and it would work.
2. It seems you've already found how to change the color of the controls :)
Cheers!