Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
i’m using Vantage Premium on my Hebrew website.
The slider arrows and circled numbers are out of place, i guess that’s because i’m using it on an RTL website.
Is there something i can add to the CSS that would make it look better? Or, is there a way to remove the circled numbers from this widget? That would also help.
Thank you.
Hi Maya Bielik
You can move the numbers to the left using the following in Appearance->Custom CSS
.flexslider .flex-control-paging { left: 0px; text-align: left; } .flexslider .flex-control-paging li a { background: none; box-shadow: none; } .flexslider .flex-control-paging li a.flex-active { background: none; color: orange; }Let us know how you get on
Magus
Thank you Magus, fast and helpful reply as always.
That almost did the job – i eventually changed it to “center” since it went too far to the left.
One more question regarding the slider please – can i change the slider posts direction? I want to replace the position of the prev and next buttons + the directions of the posts… is it possible?
Thank you again.
Maya.
Hi Maya
It may be possible to move the buttons but I would need to know where you would like them placed. To reverse the order of the posts please open your slider in the metaslider interface and expand the advanced section on the right. Please enable the Reverse option and save the slider.
Magus
Hello Magus and thank you for the answer.
I am not referring to the Meta Slider though, but to Vantage’s Post Loop widget. If you look at my frontpage where the widget is set on the right – gymania.net, this is where the posts are going in the wrong direction. Whn a user clicks on the left arrow, i need the post to go to number 2 and not 7 like now. I hope that’s clear?
Thank you, any help would be appreciated!
Hi Maya
Please add the following to your custom CSS
#panel-445781-0-0-0 .flexslider .flex-direction-nav li a.flex-next { right: auto; left: 0px !important; background: url(/wp-content/themes/vantage/images/sprites/gallery-prev.png); } #panel-445781-0-0-0 .flexslider .flex-direction-nav li a.flex-prev { left: auto; right: 0px !important; background: url(/wp-content/themes/vantage/images/sprites/gallery-next.png); }This will only affect the slider on that page. If you want to apply this change to all sliders/slider post loops then please remove this section from each entry
Let us know how you get on
Magus
Magus – you ROCK!
This did the job perfectly, i am so thankful!
You guys have the best support, and i already recommend Vantage to anyone asking for a good WP theme. Now i can add to that that you guys offer great support.
Thank you for everything-
Maya.
Hi Maya
You are most welcome. If you need any more help please feel free to open a new support thread.
Magus