X3Photo Gallery Forums

flep · 11 Jan 2025, 22:56

The text logo with logo effects works in 2 colors.

: PixPin_2025-01-12_11-43-02.jpg (43.75 KiB) Viewed 2607 times

I have 2 questions.

1. How to switch these 2 colors?
I mean make the "Photo" grey and "gallery" orange.

2. How to customize the secondary color?
I know that the "Photo" color goes with the Primary Color in style skin settings. And I can customize it in logo style with css like blew

.logo{
color: #090909
}

But how can I customize the color of "gallery", the secondary color?
The 2nd question is the main one, if I know how to do with it, 1st question will be resolved.

Thank you for your help ~~

12 Jan 2025, 02:01

flep wrote: 1. How to switch these 2 colors?
I mean make the "Photo" grey and "gallery" orange.

That is a bit clumsy, as they are inherited from the theme. But you could do this in Settings > Custom > Custom CSS:

.m1 {
  color: #b0b7be;
}
body.clear .logo-3d>span:nth-child(even) {
  color: var(--primary);
}

Bbecause it's a javascript generated effect, it might not work exactly like you want. If you disable the "3D Logo" effect, you will be able to customize the colors more easily of course.

flep · 12 Jan 2025, 02:55

Thank you for reply~

It seems like the body.clear does not work, warning as "Overqualified"
So I try to remove the body.clear, then it works.

I use it as following

.m1 {
 color: white;
}

.logo-3d>span:nth-child(even) {
  color: orange;
}

With that, I can specify color for primary and secondary text.
But only works in static, color changed when 3d animation working.
But for me, it is enough~~

Thank you for your help~

X3Photo Gallery Forums

How to customize the 2 colors of text logo?3 posts

How to customize the 2 colors of text logo?

Re: How to customize the 2 colors of text logo?

Re: How to customize the 2 colors of text logo?