X3Photo Gallery Forums

GeoPal · 04 Jul 2016, 11:30

Hi Karl,
Just a quick one, is there an easy way to change the transparency of the background of the text on the titles of folders in the gallery, so it is black?

http://www.studiocreative.bg/projects/

: black background on text; 2016-07-04 18_11_17.jpg (23.18 KiB) Viewed 3451 times

04 Jul 2016, 20:35

You can ALMOST achieve as in your screenshot with custom CSS. The problem is, in your screenshot, you have made a nice "text label" background ... That only works by changing the text element to "inline", but then it doesn't accept padding on left or right. You would also need to tweak some other settings, and it would look similar to below. As you can see, there is no padding on left/right:

Try this for a start, but you may have to tweak it, and it might not be exactly as you want:

.images.caption-bottom figcaption {
  background: transparent;
}
.images figcaption > span {
  display: inline;
  background: black;
  padding: .15em;
}

GeoPal · 05 Jul 2016, 02:06

Thank you Karl, will try this asap.
Have a great day!
Best, G

studioCREATIVE · 06 Jul 2016, 05:10

Hello,

How can I remove the transparent background

Thanks!

06 Jul 2016, 06:10

StudioCreative wrote:How can I remove the transparent background

That should have worked with some of the code I already provided:

.images.caption-bottom figcaption {
  background: transparent;
}

However, it depends on the caption-alignment you are using, and/or may be over-ruled by other CSS. You can try the following code instead, but keep in mind this will globally remove the translucent background from ALL captions:

.images figcaption {
  background: transparent !important;
}

Full code would be:

.images figcaption {
  background: transparent !important;
}
.images figcaption > span {
  display: inline;
  background: black;
  padding: .15em;
}

GeoPal · 06 Jul 2016, 09:16

Perfect! Respect!

http://www.studiocreative.bg/projects/

Best, G

X3Photo Gallery Forums

Change title background colour6 posts

Change title background colour

Re: Change title background colour

Re: Change title background colour

Re: Change title background colour

Re: Change title background colour

Re: Change title background colour