Thanks Katryne,
Yes I just tried unchecking it.Now it has HUGE white spaces to the left and right.
I mean that white space is too large.

I guess I need to learn how to edit CSS and maybe make a child theme to my personal liking. But I have no knowledge with CSS and child themes:-(

I wonder if there is some documentation out there on how to do that.

Katryne wrote:

Hello !
More white space at the sides : have you tried to disable "Full width layout" in the theme settings ?

You may try adding this in bootstrap Darkroom Custom CSS settings (bottom of Bootstrap settings)

div.container-fluid {max-width:90%;}

And adapt the percentage to your wishes.

How do we find out which CSS tags are available to be modified, like what we did above?

Oh! Oh!  OH! Now I am getting REALLY excited! :-)
Thanks to your tips and the documentation here, which is REALLY old and irrelevant. I am talking about this one https://piwigo.org/doc/doku.php?id=user … q:css_code  (I could not find anything called firebug) , but I figured some stuff out!


For my #4 wish list, this works:

.navbar {font-size:1rem;}

ok I think I am done :-) in a happy space now.
Check it out:
https://rajdude.com/photos/
Simple and a little bit muted, just the way I like it today. Will probably change it in the future


Ok for future reference, and also for helping customizing crusaders in the future...here is what added in the CSS box on the theme's config page:

div.container-fluid {max-width:80%;}
.navbar {font-size:.9rem;}
.navbar-brand {font-size:.9rem;}
.img-fluid {max-width:22%;}
.navbar {padding: 0rem 1rem;}
.jumbotron {
padding: 0rem 2rem;
background-color: #B6B6B6;
}


Description of what does what:

Changes the white space on the sides:
div.container-fluid {max-width:80%;}

Changes size of fonts in navigation bar
.navbar {font-size:.9rem;}

Changes the lower navigation bar, aka breadcrumbs bar?
.navbar-brand {font-size:.9rem;}

Changes my custom logo's width in the top nav bar
.img-fluid {max-width:22%;}

Reduces excessive padding in navbar
.navbar {padding: 0rem 1rem;}


Changes to Jumbotron:


Reduces excessive padding around my second logo
padding: 0rem 2rem;

Changes background color of my second logo inside the jumbotron bar
background-color: #B6B6B6;

BTW, the second logo is coming from "configuration >> options" page. I just put a simple HTML reference to my image, like this

<img src="https://rajdude.com/photos/custom/PhotosbyRajLogo2.png"  alt="Photos by Raj" width="512" height="93">

and deleted everything else there.

Works for me :-)
I hope this helps someone in the future.


PS: You can probably customize anything in the theme, if you can figure out the CSS tag behind that particular thing. This is a good starting point for finding out that thing in CSS, however it is old and has info which is not valid anymore.
https://piwigo.org/doc/doku.php?id=user … q:css_code

BTW I tried to find and install Firebug, but could not find it anymore. The simple right click and inspect feature in Figrfox worked fine in Firefox (for me). I also installed webdeveloper extension in Firefox , but could not figure out how to use it.

Katryne wrote:

Raj ! the owl is my totem ! I had a website once about them, but I kind of lost it. Maybe be I will make an other one some day. Or at least an album in a Piwigo.

Yeah, those owls are from our neighborhood. The family lays eggs every year in a tree. You gotta see the photogs who come there with HUGE lenses. Some of them sit there all day long to take that elusive shot. My photos look crappy against theirs, LoL

Katryne wrote:

About your site : Happy you found at last nearly all you wanted. The big work is ahead now, you will just have to fill it up. Personnally, I am not able to do substantive work until I like the form. Mark, on your home page, the top of the big photo is cut on my screen. Is it normal ?

No that is not normal, I had started a thread about it, but either no one responded or there was not any resolution :-( Here :
https://piwigo.org/forum/viewtopic.php?id=31927

There is some plugin which is doing that slideshow and it does not resize correctly :-( This COI (center of interest) inside Piwigo is no good. IMHO there should be a way to disable it. Started a thread about COI also, no response in that one also. Here:
https://piwigo.org/forum/viewtopic.php?id=32026


I think the user base of Piwigo is either too small or not english speaking, that is why I sometimes do not get any answers here in this forum.

Good luck with your customizations!

so yeah, I gotta make that second logo image, which is specified in the Jumbotron - "Responsive".
Reading up this article:
https://www.bitdegree.org/learn/responsive-image