the_first_wolf

Hello,
I will be grateful for any help!

Is it possible to make the personal account a separate page on Squarespace, and not just as a drop-down menu, which is by default? (example of the default cabinet on the screenshot)

I would like the client's account page with purchased courses to open after authorization.

Thank you for giving me time!

On 1/10/2024 at 4:43 AM, tuanphan said:

I guess we can use code, but I haven't checked this so need page url to check it

Hello!
Thank you for writing back!
I have already been helped with this issue and everything worked.
I leave the link here, maybe someone will need it.

37 minutes ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. Let me know if it works.

@media only screen and (min-width: 768px) {
    .course-item {
        .course-item__side-nav-toggle-button {
            display: none !important;
        }
        .course-item__side-nav {
            position: fixed !important;
            transform: none !important;
        }
        .course-item__side-nav-content {
            opacity: 1 !important;
        }
        .course-item__content {
            flex: 0 0 calc(~"100% - 400px") !important;
            margin-left: 400px !important;
        }
    }
    #collection-item-sections {
        width: calc(~"100% - 400px") !important;
        margin-left: 400px !important;
    }
    #footer-sections {
        z-index: 9999999999999 !important;
    }
}

 

Yes, it worked!
Thank you very much for your help!

On 1/8/2024 at 4:45 PM, LouLouHarvey said:

Hi @the_first_wolf

Can you provide the site URL (+ password if it is not live) to allow the community to assist you.

L

Thank you for responding!
Here is the address
No password, just started work.

Hello!
I started working on creating a course, and I had a question.
Is it possible to make the course navigation menu always visible, so that it does not overlap the design, video, but is just on the side all the time?
Is there any code for this?
I will be grateful for any hint or help!

On 12/13/2023 at 4:40 AM, tuanphan said:

Hi,

Can you share link to a Course?

Hello!
I am also interested in this question
At the moment, the course has closed access, and I would like to know if there is some common code where I can make changes myself?

If it is real, I will be very grateful!

@media only screen and (max-width: 1024px) and (min-width:767px) {
  section[data-section-id="657020723af7d0591121aad6"]{display:none}
}

Thank you!
I added the code and the error disappeared but nothing changed (
Maybe I'm adding something wrong?
Sorry I'm just learning how to use CSS

Thank you very much for your reply!
I tried to enter the code and added a new block selector that is intended for the tablet version. But it shows me an error in that line.
Then I changed the parameters of the PC and mobile version accordingly, as indicated here, but this also did not change anything.

49 minutes ago, Web_Solutions said:

Here is the code

@media only screen and (max-width: 1024px) and (min-width:767px) {
  // code here
}

 

Quote

@media only screen and (max-width:1025px) {section[data-section-id="65338dc8e59d651defe297f5"]{display:none}
}

@media only screen and(min-width:766px) {section[data-section-id="656496dbf4434706092ef4d6"]{display:none}
}

Maybe I'm making a typo somewhere?

Hello!

Is it possible to make a tablet version on the website if I use this code for mobile and PC?
 

@media only screen and (max-width:641px) {section[data-section-id="65338dc8e59d651defe297f5"]{display:none}
}

@media only screen and (min-width: 640px) {section[data-section-id="6564a7a8e91d017b119db0ab"]{display:none}
}

I tried to create a new section specifically for the tablet and wrote new code for it, changing the parameters accordingly for the PC version, but it didn't work correctly.
 

@media only screen and (min-width: 641px) and (max-width: 1080px) {
  /* The new section selector, which I have already deleted */
}

@media only screen and (max-width:641px) {section[data-section-id="65338dc8e59d651defe297f5"]{display:none}
}

@media only screen and (min-width: 1081px) {section[data-section-id="6564a7a8e91d017b119db0ab"]{display:none}
}

In general, I'm looking for a code that hides the section for the PC and mobile versions of the site but shows it for the tablet.

Or something like that))

Any help would be greatly appreciated!

5 minutes ago, Ziggy said:

Let's try without the block identifier:

.newsletter-block .newsletter-form-header {
  display: none !important;
}
.newsletter-block .newsletter-form-body {
  padding:0em !important;
}

 

Only the space at the top has decreased, but for now, it's enough for me!

Thank you immensely!!!

7 minutes ago, Ziggy said:

Start with adding this to Custom CSS and then adjust the layout:

#block-yui_3_17_2_1_1700744368281_7150 {
  .newsletter-block .newsletter-form-header {
    display: none;
  }
  .newsletter-block .newsletter-form-body {
    padding:0em;
  }
}

Let me know how that goes.

Thanks, but it doesn't work for me(

Hello,

I'm currently working with a newsletter, and there is excessive spacing:

1. Between the button and the email input field.
2. Around the button and the email input field (the newsletter overlaps with the text, and then it adapts poorly on the website).

Is there anyone who knows how to address this issue, either through code or without it?
I would appreciate any assistance.

7 minutes ago, Ziggy said:

Add this to Custom CSS:

// Hide video overlay gradient
.video-player .plyr .plyr__controls:before {
  background-image: none !important;
}

Thank you so much, it really worked!

Hi,

I inserted a regular video on the website and placed a video from the gallery in it, which I uploaded.

The problem is that there is a black semi-transparent overlay that appeared, and I couldn't remove it.

If I use a video in the player by inserting a link, there is no such issue. But I need to use the uploaded video specifically here.

The only way I found it player control>non, but I need him.

I would be immensely grateful for any help.

It worked!
I'm grateful for your help.

Hi,
Thank you for your time!

The code should have changed the button on the form, specifically its font size and color.
Here's the code I used:

 

@media only screen and (max-width:640px) { .form-wrapper
input[type=submit] {padding: 11px !important; font-size:11px!important;
}}

#block-1c8c2617b7fc5edfd74e .form-wrapper input[type=submit] {
    background: white linear-gradient(to right, #f857a6, #ff5858) !important;
}

He had been working for several months before this, so I am confused.

Hello!
The code stopped working on the forms (mobile version).

Does anyone know how to fix this?

Thanks, I found a mistake.
It was necessary to choose the "Fit" mode , so they became the same size as in the forms.
Thanks for the help.

Hello!
Thank you for helping.
The site is currently under development, so I am sending a link and password for viewing

Password 212121
https://jaguar-turkey-pgk2.squarespace.com

Hi there!
Could you help me?
I need to make all the buttons the same size.
The style on the site for the buttons is set to one. But the email form and the usual one next to the text are different.
The text in the buttons is the same.
Can this be fixed?