[Share] Squarespace 7.1 CSS ID List

1 hour ago, HeatherFison said:

Has this list been affected by the switch to Fluid Engine?

Yes.

On 11/21/2022 at 2:33 AM, HeatherFison said:

Has this list been affected by the switch to Fluid Engine? Would love to see an updated list! This is so helpful!

Updated: Some class names/ids for Announcement Bar, Header, Blog List, Cart Page & Fluid Engine. With Fluid, I haven't worked with it much, but I don't see much to write about 😕

Looks like ".user-items-list-simple h2.list-item-content__title" doesn't quite work for adjusting the font size of an Item Title in a simple list. using the below code to adjust the font size on mobile and want to do the same for desktop, but this isn't doing anything for the Title.

I know the code works because swapping it for ".user-items-list-simple p" works, but the Title code below doesn't work. any tips?

/* Item Description - Mobile */
@media screen and (max-width: 828px) {
  .user-items-list-simple p {
    font-size: 16px;
  }
}

On 7/31/2023 at 10:01 AM, LoganDigiVis said:

Looks like ".user-items-list-simple h2.list-item-content__title" doesn't quite work for adjusting the font size of an Item Title in a simple list. using the below code to adjust the font size on mobile and want to do the same for desktop, but this isn't doing anything for the Title.

I know the code works because swapping it for ".user-items-list-simple p" works, but the Title code below doesn't work. any tips?

/* Item Description - Mobile */
@media screen and (max-width: 828px) {
  .user-items-list-simple p {
    font-size: 16px;
  }
}

You can add !important in the code, for example your code

/* Item Description - Mobile */
@media screen and (max-width: 828px) {
  .user-items-list-simple p {
    font-size: 16px !important;
  }
}

On 8/1/2023 at 2:04 AM, tuanphan said:

You can add !important in the code, for example your code

/* Item Description - Mobile */
@media screen and (max-width: 828px) {
  .user-items-list-simple p {
    font-size: 16px !important;
  }
}

 

THANK YOU SO MUCH! THIS WORKED PERFECTLY! I MIGHT HAVE TO INVOICE YOU FOR THE PORTION OF MY LUNCH I JUST SPILLED MY SODA ON OUT OF EXCITEMENT THOUGH (just kidding)

Can't get any of your header items to help me keep a fixed navigation from partially covering content below it like a photo.

2 hours ago, SCAgency said:

Can't get any of your header items to help me keep a fixed navigation from partially covering content below it like a photo.

Can you share site url?

Hi, I'm looking to target a specific image in a simple list, specifically the 3rd image. No matter what I do I cannot seem to target it correctly, can someone help?

7 hours ago, miserytakeme said:

Hi, I'm looking to target a specific image in a simple list, specifically the 3rd image. No matter what I do I cannot seem to target it correctly, can someone help?

First, you need to find Simple List Section ID, use this tool: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

In my example, it is

Suppose you want to target Item 2, it should be

section[data-section-id="66058810a2d50f0d71e77dcf"] li:nth-child(2)

10 hours ago, tuanphan said:

section[data-section-id="66058810a2d50f0d71e77dcf"] li:nth-child(2)

This worked, thank you so much!