X3Photo Gallery Forums

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.

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 ...

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:

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.