DPruitt

If possible, always list your URL so that your site can be checked. Brine: .ProductList-filter-list-item--all {display:none!important}

Yes a URL will help solve the issue... Your CSS code should work, but more than likely its not because of another line somewhere conflicting the css...

.nested-category-tree-wrapper .category-item:first-child {display:none !important;} Not sure, its working on my 7.1 sites. Maybe try adding !important like the code above, but it really shouldn't need it.

If you're talking about the small space on the left and the right, update the .Main-content padding... I updated the code above to reflect... For mobile, you can do adjustments as you need... to make it work the way you want. I updated the code to include additional mobile stacking on devices 950px and below.

/*Collection Padding*/ #collection-64a1d528df04412c40a492b8 {.Main-content {padding-top:0px !important; padding-left:0px !important; padding-right:0px !important;} /*Image Title*/ .image-title p{color: #ef8c21 !important; font-size: 60px !important; font-weight: 600 !important; font-family: impact !important;} /*Image Subtitle*/ .image-subtitle p { color: #fff !important; font-size: 18px !important; font-weight: 600 !important; font-family: quicksand !important;} /*Text Position*/ .image-block-card-content-position-top .sqs-block-image .design-layout-card .image-card-wrapper { align-items: center !important;} /*Card Background*/ .sqs-block-image .design-layout-card .image-card-wrapper {background-color:#09579f !important;} /*Card Size*/ .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { position: relative; width: calc(50% - 2.5%) !important;} /*Image Size*/ .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>:first-child { width: calc(50% - 2.5%) !important;} /*Image Stack*/ @media screen and (max-width: 950px) { .sqs-block-image .design-layout-card{ width:100%; display:block !important; } .sqs-block-image .design-layout-card .image-card {padding-top:0px;} .design-layout-overlap .image-title {margin-left: 12.5%;} .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper,.sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card-wrapper { width: calc(100%);} .sqs-block-image .design-layout-card:not(.sqs-narrow-width) > :first-child,.sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) > :first-child { width: calc(100%);} } } This should get you pretty close... One thing you need to do is crop your image before you upload it... maybe a 3:2 ratio or 4:3..

I'm thinking you need to have the images crop to cover the entire element. Either a setting is set in the slideshow is set to "auto" that needs updated to 3:2 or there's something in the CSS telling the images to keep their original ratio so that the images do not crop in the slideshow...

I may need access to the site; it worked the other night when working from developer mode. derek@derekpruitt.design

.video-player .plyr .plyr__controls:before {display:none!important;} .video-player .plyr video {border-radius:30px;} Here you go

.nested-category-tree-wrapper .category-item:first-child {display:none;}

Sadly, in 7.1 you can't do this... Typically for users I write in an additional Header Navigation in the Footer and Move the Additional Navigation to the right side of the header using a Script. Same for the Search Function...

Need the URL

Do you mean when the image is stacked like this or when there are two columns (card and image side by side)? Also, it doesn't look like you're using the Image "Card" option. It looks like you're using a color-coded spacer block and a text block...

Do you mean slightly extend the image here, or do you mean when the image is small and still in 2 columns?

Need the URL to the site to fix this...

No URL to the site?

Hey Richard! You might use a "Card" design within an Image Block for this instead of using a background image... You'll probably need some width adjustments to that specific page of the index to make it go full screen...

Hey Louis! This should work to get rid of the gaps on the left and right of your slideshow: .user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-gutter { padding-left: 0vw !important; padding-right: 0vw !important; } Also, I noticed the images are not cropping to keep the ratios.. You'll have random white space on the left, right, top, and bottom actually...

#collection-64a2c28eb8d18000905e4af1 .page-section:nth-child(2) .content { width: 100%; border: 2px solid; padding: 27px; border-width: 10px; border-style: dotted; border-color: #9438b9; } Sadly (because you'll have to recreate the section), the best way for you to do this is to use a "Classic Editor Section": https://support.squarespace.com/hc/en-us/articles/360027987711-Page-sections#toc-classic-editor Once you add a new classic section and the content in again, the above CSS should work for that section.

For this you could take a few approaches: 1. Scale Text: https://support.squarespace.com/hc/en-us/articles/115012080887-Formatting-text?platform=v6&websiteId=649c745b1cdc9e77c4ae6950#toc-scale 2. You can expand the text block. You might have to place photography in it's own text field if you don't want the paragraph below it wider. 3. You can write a CSS code for that specific heading so that makes the font-size is slightly smaller for a specific device size or smaller.

Can you provide the link to your site? This might work if you remove your previous code to alter the margins and such: .css-b3eyut { font-size: 55px !important; line-height: 1.1em !important;} For the button in the top right of your site, this might work: #siteWrapper .header-actions-action--cta .sqs-button-element--primary {font-size: 17px!important;} If those 2 don't work, I'll need to see the link to give you the correct classes for the fix.

This should work for you: .burger-inner:hover .top-bun, .burger-inner:hover .patty, .burger-inner:hover .bottom-bun {background-color:red !important;}

This is for the gallery rounded images: .gallery-masonry-item-wrapper { border-radius: 20px;} For the navigation backgrounds, for the first section you just need to add a background image to the section like this: https://support.squarespace.com/hc/en-us/articles/4424798177549-Section-background-images

The best fix for this IMO would be: #collection-id .page-section:nth-child(1) {min-height: 100px !important} If you're using Squarespace 7.0 you can use the index pages URL: #url-slug .Index-page-content {min-height: 100px !important;}

I think I see the issue, customFilterSettings pagination enabled: false which pushed it beyond 200 products to display/load on the same page. Anyway to get this to work when pagination is disabled, displaying more than 200 products on a page or will this only work on 200 or less? I ran a test and set enabled: true which set pagination to 40 per page; the last page still had the the original format and did not create the break. It could be that this has small conflictions with the Universal Filter from Squarewebsites and it's pagination functionality...

https://big-crown.squarespace.com/store PW: Bigcrown09!