dudecctv

ok.

www.howtousepsychedelics.com

I recently brought my course onto Squarespace, and I don't want the Login header to be a normal header item, rather, I want it to look like a button. How can I make the "Login" in the top right corner look like a button instead of a regular header item?

17 hours ago, Ziggy said:

You can try this CSS:

.header-actions .btn:hover {
    transition:ease-in-out 300ms;
    background-color:rgba(255,255,255,0.85) !important
  }

Solved, actually. Thanks!

17 hours ago, Ziggy said:

You can try this CSS:

.header-actions .btn:hover {
    transition:ease-in-out 300ms;
    background-color:rgba(255,255,255,0.85) !important
  }

Thanks, this is working except for the fact that it's slightly transparent on hover?

20 hours ago, Ziggy said:

Can you share your website URL?

Yes, sorry, I thought I did.

www.howtousepsychedelics.com

As you can see on my website, the current header button "Create Account" does not have any hover effect.

I already have some custom code for this button in CSS (for sizing and colour), and I would like to add a slight dim to it when the mouse hovers on it. However, I want to do this without affecting current button CSS which maintains its size and colour.

Can you please help?

Thank you!

On 7/15/2023 at 3:01 AM, tuanphan said:

You mean apply to this video only?

Yes, that is what I mean. Because currently, the code is applying it to section background videos as well.

On 7/9/2023 at 1:41 AM, tuanphan said:

You can use this CSS code

.video-player .plyr .plyr__controls:before
{display:none!important;}

.plyr__video-wrapper video, .plyr__video-wrapper
{border-radius:30px !important;}

 

Thank you, but, this also rounds the corners on background videos, is there a way to make it only for imbedded videos?

Thanks for ther reply @DPruitt but when I copy / past that code into the CSS area it doesn't change the video at all.

Hi, I'd like to round the corners of the first video on this page: https://www.howtousepsychedelics.com/microdosing-course

Thank you for your help!

Site URL: https://www.howtousepsychedelics.com

Hi, I've been using this code to remove hyperlinks underline throughout my website and today, without changing any code, hyperlinks have reappeared. Why?

a {
 border: none !important;
}

Site URL: https://howtousepsychedelics.com

I want to use tooltips to further define words. So, when users hover over a word, a tooltip box shows up and a definition of that word is in that box.

Is this possible? If so, how?

Thank you