Jump to content

Custom codes no longer working after trial renewal

Recommended Posts

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}

Edited by houseofcats
Posted before finishing
Link to comment
  • Replies 3
  • Views 859
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

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}

Link to comment
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  ⬇️

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.