Piwigo.org

Tutorix · 2023-04-01 20:35:22

Dear forum members,
I am glad to have found you and greet you warmly as a new member from Upper Bavaria in Germany.
Here is my question:
I use "Bootstrap Darkroom" and find it brilliant for my purposes.
Instead of text I use "Hero Image" and have a title image built into the banner, which is unfortunately displayed very darkened.
How (or where) can I change or turn off this gray overlay?
Thank you already for your support.

Tutorix · 2023-04-03 15:30:08

For all those interested: I was able to solve the problem.
Under the path ".../themes/bootstrap_darkroom/scss/theme/" you can find the file "_pages-header.scss".
Below is the first paragraph of this file:
.page-header{
height: 100vh;
max-height: 1050px;
padding: 0;
color: darken($white, 10%);
position: relative;

I deleted the 5th line "color: darken($white,10%);" and now my header image looks like it should.
Maybe this hint is also helpful for you.
Please remember: Making corrections is always at your own risk!

hannah · 2023-04-06 07:46:39

Hi Tutorix,

Multiple times when customizing Piwigos I have also wanted to remove the transparent black overlay on the hero image.

I am glad your solution works. However there is a way to get the same effect using LocalFilesEditor.

The advantage is that the theme is not changed so you can still update it when the time comes.
So as an alternative solution here is what you can add to LocalFilesEditor:

Code:

.page-header:before {
    background-color: transparent!important;
}

OHappyDay · 2023-04-06 17:25:00

In LocalFilesEditor you have to use php syntax to add code. Plain CSS is not allowed and does not work.

erAck · 2023-04-07 00:59:26

Yes it does, if you use the CSS tab.

Piwigo.org

Announcement

#1 2023-04-01 20:35:22

[resolved] Bootstrap Darkroom: "Hero Image" Banner Picture to dark

#2 2023-04-03 15:30:08

Re: [resolved] Bootstrap Darkroom: "Hero Image" Banner Picture to dark

#3 2023-04-06 07:46:39

Re: [resolved] Bootstrap Darkroom: "Hero Image" Banner Picture to dark

Code:

#4 2023-04-06 17:25:00

Re: [resolved] Bootstrap Darkroom: "Hero Image" Banner Picture to dark

#5 2023-04-07 00:59:26

Re: [resolved] Bootstrap Darkroom: "Hero Image" Banner Picture to dark

Board footer