AndreaDube

Curious if anyone found a solution to this?

Adding to this, I'm looking for the most *client-friendly* tab plugin. I know there are quite a few different versions for sale, but does anyone know which one requires the least amount of coding? 

Essentially looking for one that will allow clients to add new tabs/content easily. 

Try something like: 

.light, .light-bold, .white, .white-bold {.header-nav a::before {
  content: '';
  position: absolute;
  bottom: -1px; /* Adjust this value to position the underline */
  left: 0;
  width: 0;
  height: 2px; /* Adjust this value for the underline thickness */
  background-color: #000; /* Adjust this value for the underline color */
  transition: width 0.3s ease; /* Animation duration and timing function */
}
}

.dark, .dark-bold, .black, .black-bold {.header-nav a::before {
  content: '';
  position: absolute;
  bottom: -1px; /* Adjust this value to position the underline */
  left: 0;
  width: 0;
  height: 2px; /* Adjust this value for the underline thickness */
  background-color: #fff; /* Adjust this value for the underline color */
  transition: width 0.3s ease; /* Animation duration and timing function */
}
}
/* Trigger animation on hover */
.header-nav a:hover::before {
  width: 100%;
}

9 minutes ago, Maverick85 said:

That's a big help. Thank you! I will keep playing around until I can get it to appear correctly for me. 

FWIW, they aren't appearing correctly to me either. I tried Chrome, Safari, and Firefox.

I also tried inserting those specific fonts into my own website (along with !important) and it's not working for me either.  I've been having really inconsistent results with CSS/fonts since Squarespace's recent fonts overhaul. 

45 minutes ago, Boring said:

Site URL: https://www.2stepsforwardcoaching.com/

Every time I try and add a "code block" to my homepage at the bottom it affects the layout of the page and doesn't extend the full width. It makes my page shrink to half it's normal width once I save. It is a sign up that I use through a third party called Norby.live 

I don't have the solution, but please report this issue to customer service - there have been a lot of problems with the code block in Fluid Engine.

You should still be able to use a basic code block - even on a Personal plan. Can you give me the URL and password to view the site?

What's the name of the site? 

h3.portfolio-title {
    font-family: 'MADEDILLAN' !important;
}

I don't see any buttons? 

2 hours ago, TTaylor said:

Site URL: https://www.travelsandtreasures.com/home/2022/the-best-chicago-architecture-tours

I'm feeling dumb.  I have read several posts and tried several CSS code solutions and can't figure out how to change the button color for all the Button Code Blocks on this one page. 

Appreciate any assistance. 

Insert this into CSS:

a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element {
    background-color: #yourcolor !important;
}

1 hour ago, KPWebDesign said:

I'm having the same issue. An anchor link from one page onto another doesn't actually take you to the anchor point. Hopefully someone has some insight for us! 🙂

What's the website?

On 7/7/2022 at 10:17 PM, seb-cardcastle said:

Hey tuanphan,

Sorry! Those aren't the nav items that I was having trouble with. The Features, Reviews, Pricing and About Us links on the home page (the one you're on in your video) have always worked properly.

The one's I'm having trouble with are the nav items in the CardBot folder (Book a Demo, Features, Pricing, ROI).

I'll link a video below of what's happening. When I'm on the home page, clicking any of those CardBot links takes me to the CardBot page but doesn't scroll to that section. If I'm on the CardBot page they work properly.

I think for 7.0 you have to use the entire URL in folder links.

So try https://cardcastle.co/cardbot#cardbot-demo vs /cardbot#cardbot-demo

Try 

@media screen and (max-width: 833px) {
.design-layout-poster .image-card-wrapper {
    background-color: rgba(0,0,0,.5) !important;
}
}

hi @bangank36, is there possibly a way to use this solution with buttons?  For example, https://www.spivafordcag.com/issues 

It seems to be working now?

On 9/14/2021 at 11:54 PM, ShortAngryViking said:

Hi @rwp is this still available? sorry a bit slow to the party .

Saaaame

Try this in CSS:

#block-00875c0b0eb68770e2f8 { 
h2 {
    margin-bottom: 0;
}
 p.sqsrte-large {
    margin-top: 0;
    letter-spacing: 0.02em;
}
}

Adjust the letter-spacing as needed

Looks like you figured it out? 

Try: 

.header-nav .header-nav-item--folder .header-nav-folder-content {
    min-width: auto;
}

Try: 

Try this:  

I simply added the following CSS and it works perfectly: 

:target:before {
content:"";
display:block;
height:120px; /* fixed header height*/
margin:-120px 0 0; /* negative fixed header height */
}