Piwigo.org

slim · 2022-12-03 19:26:30

Hello/Hi/Greetings,

how do I get the header to be displayed only in the middle like images. I don't use floating containers in Bootstrap. The header should not go over the width of the screen.

Slim

Last edited by slim (2022-12-06 17:33:29)

slim · 2022-12-04 13:05:04

Hello,

I found another way.
I chose a suitable colour scheme and made a colour adjustment.

This way the two menu bars disappear.

Slim

PS: But I would be happy if you could tell me how to get rid of the overhang on the side.

Last edited by slim (2022-12-04 20:17:50)

hannah · 2022-12-05 08:23:30

Hello Slim,

I have had a look a one of my own galleries using Bootstrap darkroom (That is what I think you are using, it looks like it anyway). Personnaly my header and menubar are always aligned with the width of the images below.

Do you have a link to your gallery so I can look in more detail at your header and try and come up with a soultion?

Katryne · 2022-12-05 09:58:30

Bonjour Hannah,
I forked the Bootstrap Darkroom theme to have the menu on top of page, but now, I cannot manage to get the title centered. I have tried every thing with css, to no avail, but I think the place for the menu, even if empty now, is kept at the right of the title. Could you give me a hand, please ?

http://photos.katrynou.fr/

hannah · 2022-12-05 10:37:17

Katryne wrote:
I cannot manage to get the title centered

If by title you mean "Carnets de balades", then try this

a.navbar-brand.mr-auto{
width:100%;
text-align:center!important;
}

Katryne · 2022-12-05 10:42:43

Perfect ! Thanks a lot.

hannah · 2022-12-06 08:18:43

slim wrote:
how do I get the header to be displayed only in the middle like images.

I assume you want the text aligned in the center, this should do it:

#theHeader p {
text-align: center;
}

I am not sure if it is what you are looking for though, I am not quite sure I understood. Let me know.

Piwigo.org

Announcement

#1 2022-12-03 19:26:30

Bootstrap, Centre display

#2 2022-12-04 13:05:04

Re: Bootstrap, Centre display

#3 2022-12-05 08:23:30

Re: Bootstrap, Centre display

#4 2022-12-05 09:58:30

Re: Bootstrap, Centre display

#5 2022-12-05 10:37:17

Re: Bootstrap, Centre display

Katryne wrote:

#6 2022-12-05 10:42:43

Re: Bootstrap, Centre display

#7 2022-12-06 08:18:43

Re: Bootstrap, Centre display

slim wrote:

Board footer