Page 1 of 1
arrows instead of words back and forth
Posted: 14 Sep 2015, 10:59
by 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
Re: arrows instead of words back and forth
Posted: 14 Sep 2015, 18:14
by Morris-the-top
Help me please!
Re: arrows instead of words back and forth
Posted: 14 Sep 2015, 19:13
by 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
Re: arrows instead of words back and forth
Posted: 15 Sep 2015, 09:02
by 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
Re: arrows instead of words back and forth
Posted: 15 Sep 2015, 12:22
by christine
Hi Morris,
Morris-the-top wrote: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
Re: arrows instead of words back and forth
Posted: 15 Sep 2015, 18:31
by 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
Re: arrows instead of words back and forth
Posted: 15 Sep 2015, 22:31
by 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