Fullscreen slides

Where can I change the backgoundcolor of the fullscreen slides, and remove the tittle of the image?

Hi @Vedran_Serbu!

If you are talking about the Slideshow view mode, you can achieve this with some css. Lets say you want to make it some dark gray (#333333) instead of black and hide the items title:

.theme-items-list.is-fullscreen {
   background-color: #333 !important;
}
.theme-items-list.is-fullscreen .tainacan-slides-list .slide-title-area {
   display: none;
}

This leads to this:

If you want to use a bright color scheme, then we would have to tweak other places to ensure right contrast to some icons.

Is this what you where looking for?

1 curtida

Tnx, I’ll try it first thing monday morning and let you know how it works, but I think this should do it, thank you so much :+1:

1 curtida

For some reason, it is not working for the background color.

I opened site for the moment (it is behind “hide my site” plugin for the time being).

You can check it on:

https://zbirkaleko.dad.hr/24-zeljeznica/

When I click on slides, the caption is gone (which is good) but the background color is still black.

I used #FFF for the white? I even tried #FFFFFF and rgba(255, 255, 255, 1) but it won’t work.

Uhmm ok, we’ll have to be more specific for the classes

Here are you referring to the bottom section where the clickable slides are present? If so, targeting the .tainacan-slides-list should do it.

Try it now:

.theme-items-list.is-fullscreen:not(.tainacan-modal) {
   background-color: #fff !important;
}
.theme-items-list.is-fullscreen:not(.tainacan-modal) .tainacan-slides-list {
   background-color: #fff !important;
}
.theme-items-list.is-fullscreen:not(.tainacan-modal) .tainacan-slides-list .slide-title-area {
   display: none;
}

I know this is not quite intuitive, we should have an option for this. TBH, There are thousands of tweaks that I can think of, not only to this view mode, but also to others such as masonry (number of columns) and table (fixed rows). The problem is that right now we don’t have a place decided to where to store this information. It could affect different levels, such as user preferences, collections settings, etc…

1 curtida

It’s working, thank you so much :+1:

On a personal side note, I would advise you to not use two sidebars in the same page… the filters panel there with the links kinda squish things a lot… are you aware that you can disable the sidebar only for this page using Blocksy special settings in the Gutenberg editor?

I know I have customized sidebar with the structure of the collection. The other sidebar is - filters?

Also, is there any way I can remove name of the files from the masonry view?

Yes!

You can tweak this in the block settings:

Depending on your purpose for this page, you can also disable some other things such as the “View as…” button and more advanced pagination options :wink:

1 curtida

I did it, thx, I removed the second sidebar :slight_smile:

Just, I failed to see where I can remove filename from masonry view? I see where I can remove thumbnail, but not filename.

Not possible indeed, it is a required metadata for this view mode in particular. Again CSS can save you, just not sure if this would affect the Masonry height calculation:

This would hide the title only:

.theme-items-list #items-list-area #items-list-results .tainacan-masonry-container .tainacan-masonry-item .metadata-title p {
    display: none !important;
}

This would hide the section where the title is but… would remove also the icon that opens the slideshow from it:

.theme-items-list #items-list-area #items-list-results .tainacan-masonry-container .tainacan-masonry-item .metadata-title {
    display: none !important;
}
1 curtida

Perfect! :slight_smile: