Comments 2Bhavesh started the conversationJanuary 9, 2017 at 4:33pmHelloDemo : http://nivo.joomlastars.co.in/Slideshow button looking too small in phone. it change our button css.not know form where css coming dynamic.http://screencast.com/t/n4hIwAkc38EThanks :) 751Igor repliedJanuary 9, 2017 at 4:46pmHi, you can change the button size by applying different padding based on the screen size with something like this @media only screen and (max-width: 999px) and (min-width: 768px) .tp-caption.slider_but6 a { padding: 12px 20px !important; } Regards,Igor 2Bhavesh repliedJanuary 9, 2017 at 5:04pmHello,you can see already we have button css Check html version : http://www.codedesigner.in/nivo/index.htmlCheck this : http://screencast.com/t/5EBr3Z0Ww9it is taking css priority from elements.style {}i not know from where this font-size:2px; etc css comingThanks :) 2Bhavesh repliedJanuary 9, 2017 at 5:05pmHello,You can check html demo: http://www.codedesigner.in/nivo/index.htmlcss is already thereThanks :) 751Igor repliedJanuary 9, 2017 at 6:33pmHi,you can override CSS by using higher specificity or by adding "!important" to the CSS styleRegards,Igor 2Bhavesh repliedJanuary 10, 2017 at 12:45pmHello,I know about !important; and already did that changesyou can see that here : http://screencast.com/t/yqLcfNbCMVbut i don't know why it taking font-size:2px; ??in element.stylesThanks :) 751Igor repliedJanuary 10, 2017 at 1:13pmHi,2px is calculated value but as you can see from your screenshot, 7px is the value that is used Regards,Igor 2Bhavesh repliedJanuary 10, 2017 at 1:15pmHello,yes i know, i added 7px css manually in our css.from where 2px calculated? it is very small.also that is not good every time i have to add custom css manually.Thanks :) 751Igor repliedJanuary 10, 2017 at 1:19pmThis is calculated when you have responsive slider configuredRegards,Igor 2Bhavesh repliedJanuary 10, 2017 at 1:21pmHello,Please let me know from where i can change element.style { } valuesi want to increase 2px value dynamic not want to add css manuallyThanks :) 751Igor repliedJanuary 10, 2017 at 1:23pmHi,you would need to dig up the slider JS files and change how it behaves in responsive mode.I am afraid that this support can't go that deep. If you want to customise this, I am afraid that you will have to figure t out on your ownRegards,Igor 2Bhavesh repliedJanuary 10, 2017 at 1:26pmHello,No problem i will find it our,but you should update new version and it should also work in mobile with more then 2px value in futureThanks :) 751Igor repliedJanuary 10, 2017 at 1:27pmHi,as I said, this is calculated value and the real amount will depend on the starting value. If you have initially bigger value, this calculated value will be biggerRegards,Igor 2Bhavesh repliedJanuary 10, 2017 at 1:36pmhttp://screencast.com/t/8zNVUJxfZ7it is also dynamic , where to change 751Igor repliedJanuary 10, 2017 at 3:49pmHi,you have to find that specific CSS class and override itRegards,Igor Sign in to reply ...
Hello
Demo : http://nivo.joomlastars.co.in/
Slideshow button looking too small in phone. it change our button css.
not know form where css coming dynamic.
http://screencast.com/t/n4hIwAkc38E
Thanks :)
Hi,
you can change the button size by applying different padding based on the screen size with something like this
@media only screen and (max-width: 999px) and (min-width: 768px) .tp-caption.slider_but6 a { padding: 12px 20px !important; }Regards,
Igor
Hello,
you can see already we have button css
Check html version : http://www.codedesigner.in/nivo/index.html
Check this : http://screencast.com/t/5EBr3Z0Ww9
it is taking css priority from elements.style {}
i not know from where this font-size:2px; etc css coming
Thanks :)
Hello,
You can check html demo: http://www.codedesigner.in/nivo/index.html
css is already there
Thanks :)
Hi,
you can override CSS by using higher specificity or by adding "!important" to the CSS style
Regards,
Igor
Hello,
I know about !important; and already did that changes
you can see that here : http://screencast.com/t/yqLcfNbCMV
but i don't know why it taking font-size:2px; ??
in element.styles
Thanks :)
Hi,
2px is calculated value but as you can see from your screenshot, 7px is the value that is used
Regards,
Igor
Hello,
yes i know, i added 7px css manually in our css.
from where 2px calculated? it is very small.
also that is not good every time i have to add custom css manually.
Thanks :)
This is calculated when you have responsive slider configured
Regards,
Igor
Hello,
Please let me know from where i can change element.style { } values
i want to increase 2px value dynamic not want to add css manually
Thanks :)
Hi,
you would need to dig up the slider JS files and change how it behaves in responsive mode.
I am afraid that this support can't go that deep. If you want to customise this, I am afraid that you will have to figure t out on your own
Regards,
Igor
Hello,
No problem i will find it our,
but you should update new version and it should also work in mobile with more then 2px value in future
Thanks :)
Hi,
as I said, this is calculated value and the real amount will depend on the starting value. If you have initially bigger value, this calculated value will be bigger
Regards,
Igor
http://screencast.com/t/8zNVUJxfZ7
it is also dynamic , where to change
Hi,
you have to find that specific CSS class and override it
Regards,
Igor