1. retoo
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 11 October 2024
  5.  Subscribe via email
Can I customize the color of the next and back arrows and the x in the ThumbsGallery?
Thanks for support.
Reto
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, but only with CSS commands and a link to your thumb gallery (website) is required...
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Reto

As mentioned, please provide a URL to an example of your gallery.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Of course: Here's the URL of an example of the gallery:
https://omixidif.myhostpoint.ch/joomla/index.php/mfh-boppelsen

The customer would like the arrows and the x in gold #b98c1d.

Reto
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Reto

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.baguetteBox-button svg polyline {
stroke: gold;
}


Edit to taste

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, that works perfectly! The gold-loving customer will be delighted :-)

Can the X at the top also be made gold?

Reto
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
To the further question (color X)?
Here is an example to illustrate. Thanks for your feedback.

Reto
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend you can also add the following...

.baguetteBox-button#close-button svg g {
stroke: #b98c1d;
}


Ciaran
Accepted Answer Pending Moderation
0
Votes
Undo
Works great! Thanks!
Reto
Accepted Answer Pending Moderation
0
Votes
Undo
Now it gets petty ;-) the customer would like to have something adjusted again:
Can the grey transparent area behind the arrow (baguette-box-button) and the close-button be removed?

Reto
Attachments (1)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Reto

To amend try also adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.baguetteBox-button {
background: transparent;
}


CiarĂ¡n
Accepted Answer Pending Moderation
0
Votes
Undo
Fits, thanks.
Reto
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!