arrows instead of words back and forth

[Morris-the-top]

Hi,
I'm using Phoca Gallery and I wanted to ask if you can replace the words "Next", "Back" (present in the flow of the thumbnail pictures belonging to a particular category) with the classic arrows <and>
Can be done? if you like, exactly?

Let me know please

Brest regards

[Morris-the-top]

Help me please!

[christine]

Hi,

which kind of thumbnails resp. View are you using? Is it Slimbox? This would be #lbPrevLine, #lbNextiline for: Next/Prev or another?

Did you try other layouts of thumbnails? For instance: JAK Lightbox etc. See demos under "Category View": https://www.phoca.cz/demo/
and/or send an URL from your Site. Thanks.

Kind regards, Christine

[Morris-the-top]

Hi Christine,
I'm using "Slimbox" (I can not use other graphic layout for a reason) but I did not understand what I need to do to bring up the arrow symbols ahead / behind instead of words in "Slimbox". Can you explain? in detail?

Best Regards

[christine]

Hi Morris,

I'm using "Slimbox" (I can not use other graphic layout for a reason) but I did not understand what I need to do to bring up the arrow symbols ahead / behind instead of words in "Slimbox". Can you explain? in detail?

Just an idea (not tested):

com_phocagallery > assets > images > there are many icons e.g.: icon-prev, icon-next, icon-prev-grey, icon-next-grey etc.

to copy required images to this file:
com_phocagallery > assets > slimbox > css >

slimbox.css/line 53 (it's from the demo)

Code: Select all

#lbPrevLink:hover {
	background: transparent url(graphics/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink:hover {
	background: transparent url(graphics/nextlabel.gif) no-repeat 100% 15%;
}

above "gif's" are presently in slimbox.css > to change image-path accordingly: (your icons.gif)

Kind regards, Christine

[Morris-the-top]

Hi Christine,
I explained I was wrong.
The problem I was talking about in the post is not on the slimbox pop up but the pagination of the "thumb".In the "Thumb" I'll have to put two arrows "Next" and "Back" as icons instead of words.
I hope that this time it is explained properly. To make you understand better I am attaching to this post a picture.

Best Regards

[christine]

Hi Morris,

aha, you wrote about the Slimbox, that's why I posted changes to gif etc.

According your screenshot, it seems that belongs to your template. Changes could be done via an template override:
https://docs.joomla.org/Understanding_O ... _Overrides
Or, you have already an override in your template/html folder.

pagination.php:
In J 2.5: joomla25_root/libraries/joomla/html/pagination.php
In J 3.X: joomla34_root/libraries/cms/pagination/pagination.php

If you change something on it, you have to make a copy to your template: > /template/yourtemplate/html/pagination.php

and/or to check your CSS e.g. > .pagination {your elements}
For example (only) because it depends which template etc. you are using.
li.pagination-start {your url-img-icon}
li.pagination-prev {your url-img-icon} etc.

Kind regards, Christine