Hi,
I find the height of the hero section to be a bit too much.
Where is the css to limit the height to about half of what it is now?
Thanks in anticipation.
Offline
Some general advices in cases like this:
Press F12 in your browser, then click on the element that is of interest, you will see the CSS rules.
I did, and couldn't find anything obvious (the whole hero header seems to be "height: 100%").
However, the Bootstrap Darkroom theme offers "Custom CSS" in its configuration, you can play with that.
Maybe this question would be better adressed to the theme developer(s).
Offline
@sjgarth : what do you call hero section ? Can you give a link ?
@ I_am_cats
Maybe this question would be better adressed to the theme developer(s).
Thomas is dead. Bootstrap development has been taken over by the Piwigo team.
Last edited by Katryne (2022-05-26 13:15:15)
Offline
Katryne wrote:
Thomas is dead. Bootstrap development has been taken over by the Piwigo team.
You mean in-real-life dead? :o
Sorry to hear that.
What is the correct link to a development repository then?
Offline
You might have noticed that your tkuther link redirects to https://github.com/Piwigo/piwigo-bootstrap-darkroom
Offline
Sorry, I've been away.
Katryne - The Hero Header is the name of the header section of the display page, go to https://gallery.rblr.org.uk to see what I mean.
I_am_cats - I already raised a query on the github site for this theme.
My next job will be to trawl through the various css and see if I can find the relevant section, change it with the Custom CSS function, and hopefully it will not interfere with anything else.
Last edited by sjgarth (2022-07-04 21:40:36)
Offline
Using the LocalFilesEditor plugin you can add this CSS to reduce the hero image by half
.page-header.page-header-small { height: 30vh; }
Offline