Jump to content

Custom code newbie

Recommended Posts

Hello! 

Very new to website design and a bit out of my element. I'm having two coding issues that I can't figure out no matter how many youtube videos I watch 😞 

1. I am trying to lock an image that is placed next to an accordion. I'm trying to do this on 2 separate pages- one page has an accordion and two text boxes next to it that I dont want expanded, and the other page has a logo next to the 3 accordion options which I also do not want expanded. 

 

2.  I added the following code to try to highlight an "English" and "Espanol" tab on my headers. When I am on the Spanish pages, English is circled but the home page "Pagina Principal" is not. This is how it should be. When I am on the English pages, for some reason "Espanol" AND "Home" are circled. The links for spanish and english are set up exactly the same as are the home pages for each language so I'm not sure why it's showing correctly for one and not the other. Screenshots attached for reference since I'm sure this didn't make sense. 

Also here is my custom css window for both problems 

 

header#header [href="/home"]{
  color:white;
  background-color:blue;
  padding: .3rem 1.6032rem;
  border-radius: .8rem;
}
header#header [href="/home-1"]{
  color:white;
  background-color:blue;
  padding: .3rem 1.6032rem;
  border-radius: .8rem;
}

.sqs-block-button-element {width: 200px}

/* Fix image next to accordion */
@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1698192694970_8307 img {
    height: 400px !important;
}
}

Screen Shot 2024-04-22 at 2.06.07 PM.png

Screen Shot 2024-04-22 at 2.05.54 PM.png

Link to comment
  • Replies 1
  • Views 388
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.