Pagination CSS styling?

I have added some custom CSS like this:

.sdm_pagination{
	margin-bottom: 2px;
	background-color: #cd6155;
	padding: 2px;
	text-align: center;
}

.sdm_pagination .page-numbers{
	font-size: 16pt;
	margin-left: 2px;
	margin-right: 2px;
}

.sdm_pagination .next
{
	margin-left: 20px;
}

.sdm_pagination .prev
{
	margin-right: 20px;
}

It looks clearer:

https://www.dropbox.com/s/eb4tu5qiv63tczt/Pagination3.jpg?dl=0

But, look what happens when I choose Arabic:

https://www.dropbox.com/s/xt0b0tfw4lqqe8j/Pagination4.jpg?dl=0

See? Because the code is using → and ← they are the wrong way round for a RTL language. Not sure how to change that with CSS. Ideally I would like

< Previous Page
Next Page >

But then again, the same still applies for RTL as it needs to be in reverse.

I can do this, as a bit of a hack but it does not resolve the problem with RTL and I can’t change the symbols:

.sdm_pagination .next:before
{
	content: 'Next ' ;
}

.sdm_pagination .prev:after
{
	content: ' Previous' ;
}

Perhaps expose these two items as attributes to the shortcode?

• This reply was modified 6 years, 6 months ago by Chuckie.

Hi, I have submitted a message to the developers to further investigate this issue.

Thank you

Thanks. At the very least it needs to be RTL aware. But if we can also customise those labels too … ??

Any feedback on resolving issue please?

What is the response of our kind plugin auther?

Any reply please?

The best I can do for this is to show you how you can center align the pagination. We don’t have any other solution for it unfortunately.

Hi

Have you looked at my links? I already have it centred thanks. On this page:

https://www.publictalksoftware.co.uk/video-tutorials/

It uses a plugin for YouTube videos. It has two pages. Those work.

I think the answer might be simple actually. Don’t use chevron characters. Try to use the font awesome left/right chevron characters instead. They might not be affected for RTL.

If you are just talking about the arrow then I can look at changing that. I feel thats something I can investigate and change without upsetting other user (whenever we are making visual change, we have to be very careful as there are a lot of users who are using it right now and like it just the way it is). Otherwise we try to please one user and then create many new upset users. I am trying to explain the process so you understand why some changes are harder for us to do (not just from a technical point of view).

I understand. But at the same time you want to support RTL users and if that requires a tweak … it will visual cause not much impact. As mentioned the othe page it works.

The point is that it should be able to work. ??

Will it work for you if I change/replace the current arrow with the following?
»
«

I think they will work. I did a test HTML file and set it as RTL and it was OK.

I am certain this change will be ok.

I will be releasing a new version very shortly that has this change.