Custom codes no longer working after trial renewal

Hello!

I started my site few months ago on 7.1 and injected codes that worked at the time. My trial ran out and I extended it by a week today to pick up where I left off but now none of the codes are working. Anyone else experienced this?

I'm still on trial so I can't share my site but following is what I tried to do with the codes and the actual codes after. Thank you in advance.

NAVIGATION

• change the navigation color while hovering
• change the active page color on nav
• disable the underline on active page

BACKGROUND

• insert background image
• make the section background transparent so the image can show

VIDEA DESCRIPTION

• center align text

IMAGE GALLERY DESCRIPTION

• show line break
• change font family, size, and weight of the first line

SOME MARGIN ADJUSTMENTS

-----------NAVIGATION--------------

// CHANGES HOVER+ACTIVE MENU COLOR //
.header-nav-item--hover a {
    color: #059cd6 !important;
    transition-duration: 0.4s;}
.header-nav-item--active a {
    color: #059cd6 !important;}

// DISABLES THE UNDERLINE ON ACTIVE MENU //
.header-nav-wrapper a {background-image: none !important;}

----------GLOBAL-BACKGROUND----------
#page{
background-image:url(https://static1.squarespace.com/static/6491d43ea78b4c1ebbfca40f/t/6495f3a9560d6436202377bc/1687548841614/sonic-union_bkg_60percent-polygon3.jpg);
  background-size: cover}
.page-section {
background: transparent!important;
}
.page-section .section-background {
  background: transparent !important;}
  

--------------SUBPAGES---------------

/// MUSIC + SOUND DESIGN /// Creative Department ///paragraph line space change ///
[data-section-id="64932c1f2a0d593c45593df3"] p{margin-bottom: -20px;}

.video-caption {background-color:#FFFFF}
.video-caption p {text-align:center; line-height: 150%}
.video-caption p:first-line {}

///CONTACT US /// space after the location name ///

[data-section-id="6495abaa8af1115d6bd8572b"] h3{margin-bottom: -5px;}

/// THE PEOPLE ///

.gallery-caption p {white-space:pre !important;}
.gallery-caption p: first-line {font-family: bebas-neue; font-weight:500; font-size: 1.5rem}

Quote

I'm still on trial so I can't share my site

I don't have any solutions but you can indeed share your site. Here is my standard boilerplate.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

Thank you @creedon

My sitewide password is paulcatstanley and following are 1. urls of the pages I'm having issues with 2. what I'm trying to do and 3. the code I used.

All of these codes worked few months ago when I left it off as far as I remember, but none of them are working as of yesterday when I extended the trial.

GLOBAL https://denim-mayflower-8zt4.squarespace.com

NAVIGATION

Change color on hover

.header-nav-item--hover a {
    color: #059cd6 !important;
    transition-duration: 0.4s;}

Change color and remove underline on active page

.header-nav-item--active a {
    color: #059cd6 !important;}

.header-nav-wrapper a {background-image: none !important;}

BACKGROUND

Uploaded an image to be used as the background

#page{
background-image:url(https://static1.squarespace.com/static/6491d43ea78b4c1ebbfca40f/t/6495f3a9560d6436202377bc/1687548841614/sonic-union_bkg_60percent-polygon3.jpg);
  background-size: cover}

Make page section backgrounds transparent so the image shows through

#page .page-section
{background: transparent!important;}
#page .page-section .section-background {background: transparent !important;}

------------------------------------------------------------------------------------------

FEATURED MIX https://denim-mayflower-8zt4.squarespace.com/featured-mix

VIDEO DESCRIPTION TEXT STYLE

.video-caption p {text-align:center; line-height: 150%}

------------------------------------------------------------------------------------------

THE PEOPLE https://denim-mayflower-8zt4.squarespace.com/the-people

GALLERY IMAGE DESCRIPTION LINE BREAK + TEXT STYLE ON THE FIRST LINE

.gallery-caption p {white-space:pre}
.gallery-caption p: first-line {font-family: bebas-neue; font-weight:500; font-size: 1.5rem}

17 hours ago, houseofcats said:

My trial ran out and I extended it by a week today to pick up where I left off but now none of the codes are working.

The trial is unrelated. There is at least one syntax error being reported in your Custom CSS which is preventing the CSS from being applied. Check for spaces in your pseudo-classes. For example, it should be p::first-line.

Did this help? Please give feedback by clicking an icon below  ⬇️