Support

Support is part of Event Gallery Extended.

Please get a subscription if you need support. Feel free to use the ticket system or the contact form for reporting defects or pre-sale questions. Make sure you're logged in in order to be able to create a new ticket.

For general information you can also jump to the manual.

Subscribe now!

#4298 Change the words PREV and NEXT

Posted in ‘Event Gallery Extended’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

PHP Version

7.4

Joomla Version

3.10.6

Event Gallery Version

pkg_eventgallery_full_4_1_0_2022-05-21_07-51-36_542bf39

Test URL

https://www.fccourrendlin.ch/component/content/article/96-blog/infos/200-achetez-les-photos-de-la-finale-des-juniors-c?Itemid=437

Latest post by nabot on Thursday, 09 June 2022 21:51 UTC

Thursday, 09 June 2022 14:44 UTC

nabot

I need to change the words "NEXT" and "PREV" but i don't find the file to change these words...

Attachments

ticket-eventgallery.jpg

Thursday, 09 June 2022 15:39 UTC

sbluege

Hi,

those two words are hard-coded in the slider. I add an item to my list. But I can already offer a workaround using CSS. Please copy it into your templates CSS file.

.glide__arrow.glide__arrow--left,
.glide__arrow.glide__arrow--right{    
    font-size: 0;
    padding: 0;
    margin: 0;
}

.glide__arrow.glide__arrow--left:before {
    content: "<<<";
}

.glide__arrow.glide__arrow--right:before {
    content: ">>>";
}

.glide__arrow.glide__arrow--left:before,
.glide__arrow.glide__arrow--right:before {
    font-size: 16px;
    display: block;
    color: #000;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: rgba(0,0,0,0);
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 4px;
    box-shadow: 0 0.25em 0.5em 0 rgb(0 0 0 / 10%);
    text-shadow: 0 0.25em 0.5em rgb(0 0 0 / 10%);
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease,border 300ms ease-in-out;
    line-height: 1;
    margin-top: 10px;
}