bybridges

I tried to drag and drop a newly duplicated page into a folder but missed the folder; ie. the UI didn't create space and so when I let go of the mouse the page just disappeared into the either. But as long as I don't leave the page, I can edit. Unfortunately, now I have a live page that I can't disable or prevent SEO crawls. Attached is a screenshot of where it's supposed to go (an empty folder). I've searched all the folders and can't find it. This feels like a technical issue that squarespace needs to fix. It's also not in my trash bin. Can anyone help?

Site URL: https://www.elcamino.travel/

Hi, I removed the social links from my site header and now my menu items aren't centered on the page. Is there a way to fix this? Here's the code I have that's effecting my site header right now:

// nav bar stacking //
.header-nav {
    width: 90% !important;
    flex: 1 1 90% !important;
}

// Pressed Down Button - 7.1 Header Button //

.header-actions .btn {
  box-shadow: 5px 5px #D1C4CF;
  transition: all ease-in .05s;
}

.header-actions .btn:active {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in .05s;
}
 

In addition, the login buttom (code above), is super far to the right. Can this be brought in and aligned with the nav bar in a nicer way?

On 1/12/2022 at 2:41 AM, tuanphan said:

You mean

Hover footer links >> change to another color?

Use this CSS

footer.sections .html-block a:hover span {
    color: #ba5e41 !important;
}

 

Thank you!

On 1/7/2022 at 9:32 AM, tuanphan said:

Add to Design > Custom CSS

/* header hover */
header#header:hover {
    background-color: #f2f !important;
}

Thank you, I'm trying to accomplish something in the footer now too - a hover state but strike out with everything. I added this to a different more relevant thread but adding it here too:

Hi, I've tried a bunch of permutations for changing hover state color on my site but nothing seems to work. The only code that I've gotten to work to do anything is the following:
 

//add footer hover state 

footer a:hover {

background: #BA5E41 !important;

}

Anything I've tried to change just the font color has failed. I'd even love to try something like what I have in the header which is a squishy line:

:after {

  content: '';

  background: #BA5E41; //color

  height: 1px; //thickness

  width: 0;

  display: block;

  margin-top: 1px !important;

  transition: width 1s; //animation speed

  margin: 0 auto;

}

That didn't work either. I'm striking out.

 

url: https://lychee-dogfish-zgem.squarespace.com/ (we will go live tonight so this may be a different url --> elcamino.travel)

pw: ezc

On 2/18/2021 at 9:31 PM, tuanphan said:

Add to Design > Custom CSS

footer.sections a:hover {
    color: red;
}

 

Hi, I've tried a bunch of permutations for changing hover state color on my site but nothing seems to work. The only code that I've gotten to work to do anything is the following:
 

//add footer hover state 

footer a:hover {

background: #BA5E41 !important;

}

Anything I've tried to change just the font color has failed. I'd even love to try something like what I have in the header which is a squishy line:

:after {

  content: '';

  background: #BA5E41; //color

  height: 1px; //thickness

  width: 0;

  display: block;

  margin-top: 1px !important;

  transition: width 1s; //animation speed

  margin: 0 auto;

}

That didn't work either. I'm striking out.

url: https://lychee-dogfish-zgem.squarespace.com/ (we will go live tonight so this may be a different url --> elcamino.travel)

pw: ezc

8 hours ago, tuanphan said:

I think possible. What is your site url?

https://lychee-dogfish-zgem.squarespace.com/

pw: ezc

On 4/2/2020 at 9:13 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav-item:hover>a {
    color: red !important;
    background: green;
}

Is there a way to change the color of the entire nav bar when the mouse hovers over it. Similar to this website:

https://getmaude.com/

Hi thanks for the quick response! Actually ended up grabbing a plugin - SquareKicker so I could get much easier designing done without having to tweak the code myself too much!

Didn't work for me. Hoping someone else might have an answer!

Sorry to rehash this but I'm using a Squarespace font, and my top nav options don't allow me to adjust my font weights. Is there some CSS I can use to increase weight or make the top nav have bolder font for visibility?

This is an issue I just discovered tonight as well. This wasn't an issue yesterday. Attaching my images for reference.