Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
TristanJo
Experienced
Topic Author
Posts: 116
Joined: 10 Apr 2018, 02:57

photo.gallery logo effects

10 Mar 2021, 01:36

Like the logo of photo.gallery, how can I make the circle(Rectangle) rotate?
logo.png
logo.png (17.04 KiB) Viewed 2512 times
text logo? of image?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: photo.gallery logo effects

10 Mar 2021, 03:32

That's just text "X3" with custom CSS to add round background. I can provide the CSS, but I can't explain or teach you how it works.

Settings > Custom > Custom CSS:
Code
a.logo {
    font-size: 2em
}
a.logo>.m1 {
    width: 1.75em;
    padding: .375em 0;
    text-align: center;
    background: #78a642;
    color: white;
    border-radius: 100%;
    letter-spacing: 0;
    font-weight: 300
}
.menu-absolute a.logo>.m1 {
    background: rgba(255,255,255,0.9);
    color: #78a642
}
 
User avatar
TristanJo
Experienced
Topic Author
Posts: 116
Joined: 10 Apr 2018, 02:57

Re: photo.gallery logo effects

10 Mar 2021, 05:14

mjau-mjau wrote: That's just text "X3" with custom CSS to add round background. I can provide the CSS, but I can't explain or teach you how it works.

Settings > Custom > Custom CSS:
Code
a.logo {
    font-size: 2em
}
a.logo>.m1 {
    width: 1.75em;
    padding: .375em 0;
    text-align: center;
    background: #78a642;
    color: white;
    border-radius: 100%;
    letter-spacing: 0;
    font-weight: 300
}
.menu-absolute a.logo>.m1 {
    background: rgba(255,255,255,0.9);
    color: #78a642
}
Thx~~~ :kissing_heart::thumbsup: