fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Trying to add a simple opacity transition on the Astroid sticky header logo - template_one ?

Trying to add a simple opacity transition on the Astroid sticky header logo - template_one ? 1 year 10 hours ago #29920

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Platinum Member
  • Posts: 327
  • Thank you received: 15
  • Karma: 6
NO RUSH….!

I’m remaking a website made with Gantry and I try to recreate my custom sticky header without hacking Astroid.

You can see the Gantry site here (on my test environment) —> www.graf-test.ca/graf2/
— Look at the opacity transition on the logo

I like to do the same thing but I wasn’t able so far, maybe you have a suggestion?

What I discover:
• I try this straightforward css (without transitions) in my custom.scss file and it doesn’t work ?:
—> header .logo-wrapper {opacity: .5;}

But, work perfectly in the template manager custom code ?
— I guess it’s because the element start in a hidden state? not to sure ???


• In the template manager “Custom code” I try everything that I know in css transition using the following 2 states and nothing work ?:
.astroid-header-section .astroid-header-sticky.d-none .logo-wrapper
and
.astroid-header-section .astroid-header-sticky.d-flex .logo-wrapper
Last Edit: 1 year 10 hours ago by Chacapamac.
The administrator has disabled public write access.

Trying to add a simple opacity transition on the Astroid sticky header logo - template_one ? 11 months 2 weeks ago #30075

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

Yes, this is possible but you have to write the code of it. We are providing different styles of Sticky Header but you can easily make this style using the custom CSS.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
The following user(s) said Thank You: Chacapamac

Trying to add a simple opacity transition on the Astroid sticky header logo - template_one ? 11 months 1 week ago #30115

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Platinum Member
  • Posts: 327
  • Thank you received: 15
  • Karma: 6
I will solved that later
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.304 seconds
Cron Job Starts