Photo Gallery Forums

Hello Karl

Is there a way that I can use CSS to display the AUSSTELLUNG menu item on my website https://www.thomas-ruf.ch/ in a different color?
That would be very helpful, as this menu item is a time-limited event that should be immediately noticeable in the menu.

Best regards from Basel
Thomas

There are a few ways, but the simplest approach is to select and style the element by href. Settings > Custom CSS:
This requires that you don't change the url (folder name). If you are going to change the name, you would need to use a slightly more complicated method, pre-assigning a custom class.

Many thanks Karl, just great, your support!
I wish you a nice week!

Best regards
Thomas

mjau-mjau wrote:

Code Select all

[href="/ausstellung/"] {
  background: var(--primary-color);
  color: white;
  font-weight: bold;
}

I see you used a CSS variable here. Where can I find a an overview of which variables exist in X3?

metallissimus wrote: I see you used a CSS variable here. Where can I find a an overview of which variables exist in X3?

Except for --primary-color (which is assigned from Settings>Style anyway), CSS variables aren't really used in X3, because browser support was not adequate when I started the project. Now of course, CSS variables are supported by all modern browsers, and you can be sure I would use CSS vars extensively in X4, allowing easy CSS adjustments (unlike now, where you may need to search out complex selector combinations to re-style elements).

Great, looking forward to it!