Photo Gallery Forums

Hello

Not sure this is a CSS related question but I couldn't find a settings to change the alignment of the breadcrumb menu... I would like to align it left... same is the left side of the image thumbnails... is it possible ?

Since breadcrumbs are part of the "context" module, you would control alignment from page Settings > Context > Text Align. Or globally for all context from Settings > Page > Context > Text Align.

I would be curious to why you are changing this though. Isn't your page Title and Description center-aligned by default? I would imagine it would look strange if title and description was in the center, while breadcrumbs was aligned left. That's why they are all inside the "context" module, and will therefore all inherit the alignment of the context modile.

Thank you for your answer.

You are making the point, that is exactly the reason I want to differentiate the two... for my the breadcrumb is just a detail, the most important is the title and the description and therefore will stay in the middle... I hope to put more attention to the description by taking away the breadcrumb... maybe I am wrong, I will test and see...

So you mean I can't change the alignment of the breadcrumb only ? 

what about the class "x3-breadcrumbs x3-breadcrumbs-primary"

couldn't force it to align left ?

Well, there might be a way with custom CSS, but then I would need to see a link so I could better create the CSS depending on your specific requirements.

You could align the breadcrumbs to the left, inside the context elements, where the other items are aligned center. However, the context module itself has limited width, so the left aligned breadcrumbs wouldn't be aligned far left of the screen. It will seemingly be hanging somewhere to the left, and it will almost certainly look strange. I assume you want to align the breadcrumbs with where your gallery starts? That might be possible, but we might need to use absolute positioning, and I'm still not sure how it will look ...

Thank you for your answer. I would like the breadcrumb to be aligned to the gallery indeed.
There is a link
https://www.coquille.pics/cellpix/2010/

The problem here, is that the context module is not the same width as the gallery, so aligning to left will align it to the left of the context module. As you can see, this looks a bit odd ...



The logical reason to why context module width is more narrow, is because text is more readable when the lines break at reasonable widths (like a book).

And then, since your gallery has it's own width (it's not set to "wide" 100%), it's difficult to align the breadcrumbs exactly with the gallery. We could align it to the screen with CSS, but this looks even more strange:



As a last resort, you could either set your gallery to WIDE and then we can align the breadcrumbs with the stage. Or you could set the same width for gallery module as context module, so that we can align breadcrumbs left with the gallery left. This may cause some issues, and would require you to have same width/layouts for all pages ... It would look something like this (position was adjusted manually to simulate what it would look like):



Not bad, but not a world of difference, and I'm not sure it's worth the compromises (requirements) to synch.

Wouldn't it in this case be just as good to align left the entire context section? Seems more balanced, and certainly is less complicated:

Thank you for all these detailed examples... kinda guest it would be difficult when I saw in the inspector that the BC was in the context.

Last solution is not a solution for me as again the BC is linked to the rest and I wanted it to be separate.

I don't like the wide setting for the gallery

The solution to have same width for gallery and context is the one I like the most and is exactly what I wanted. I should work fine as all my galleries have the same setting...

petri71 wrote:The solution to have same width for gallery and context is the one I like the most and is exactly what I wanted. I should work fine as all my galleries have the same setting...

This is normally fine, as long as you have only title and description with large blocks of text "content", which may appear too wide. So to achieve this in general, you would assign the same WIDTH option to the CONTEXT module, as the one you use for galleries. This would be done from Settings > Page > Context, assuming you want to set it globally and all your galleries also use the same width.

And then, to align the breadcrumbs left, you would assign this in Settings > Custom > Custom CSS: It should work as you describe.

it works fine. thank you !