tuanphan

Thanks again for trying to help me figure this out, @tuanphan! I contacted Elfsight thinking it might be something on their side, and it apparently is a problem with this widget sometimes. So they gave me some code to include on the page to fix the padding. I'll drop it here with a link to the full article in case it helps anyone else:
Why my widget has an extra padding on my Squarespace website
Code to insert right above widget code on the page:
 
<style> html.squarespace-damask .sqs-blockStatus { display: none !important; } </style> <script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script> <div class="elfsight-app-e3dd080e-0e67-41ed-9e45-0e57b4de81b8" data-elfsight-app-lazy></div>  

Fix from tuanphan:

Add to CSS:
[data-section-id="661f16421dd40617f161511a"] .section-background { top: 3vw !important; }

Thanks everyone. I solved it hours after posting. But my solution was the exact same as: "text decoration:underline;" above! Thanks!

Replace the previous code with the code below.
@media only screen and (max-width: 799px) { .header-display-desktop { display:flex !important } .header-display-mobile,.header-burger,.fe-block-1425b89ddc7a17aa23bc,.fe-block-d941bcd01fcfc8af32ab,.fe-block-bb58f3e314962daad961,.fe-block-83056773bd92df13ae77 { display: none !important } .header .header-title-nav-wrapper .header-title { flex: 0 0 50% !important } .header .header-title-nav-wrapper .header-nav { display: block !important } header#header .header-nav-list * { font-size: 12px !important; } header#header .header-nav-list .header-nav-item { padding-top: 2px; } }  

@thearrivalyoga you can add this additional code line into your code.

font-style: normal !important;

You try this
https://forum.squarespace.com/topic/259523-mobile-buttons-and-links-require-2-taps-to-work/?do=findComment&comment=737991

#1. First, you choose the Mobile icon and click EDIT

#2. Next, you click EDIT SITE HEADER

#3. Next, you click on the burger icon

#4. Next, you click on the pen edit icon

#5. Next, you choose the 3 lines/or 2 lines icon and click Save on the left of the screen

Just remove data section id from the code to make it affect all list. The new code should be
.user-items-list-simple .list-item-content__description p { font-size: 1.2rem; }  

Change 992px in the code to 1px

You can use this code to Website > Website Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.course-list__list-chapter-item-accordion-content[aria-hidden="false"]').attr('aria-hidden','true'); }) </script>  

Unfortunately it only supports certain pages, you can consider replicating your portfolio page with your blog page

Use this code, if it doesn't work, you can share link to blog page, I can check easier
/* Blig List - Hover Effect */ .blog-basic-grid--text { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); opacity: 1; transition: all 0.3s; } article.blog-basic-grid--container.entry.blog-item.is-loaded { position: relative !important; transform: unset !important; } .blog-basic-grid article:hover .blog-basic-grid--text { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper:after { content: ""; background-color: rgba(255,255,255,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0.3s; } .blog-basic-grid article:hover .image-wrapper:after { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper { position: relative; }  
I don't see Summary on Homepage. Which page are you referring to?

Hi,
Add to Design > Custom CSS
/* Move portfolio pagination to top */ body.collection-62129c560e6b7b087d32985f.view-item main#page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 100px; } body.collection-62129c560e6b7b087d32985f.view-item section.item-pagination.item-pagination--prev-next { padding-top: 0; padding-bottom: 5px; } body.collection-62129c560e6b7b087d32985f.view-item #page section:first-child { padding-top: 10px !important; }  

Header has a default top padding, I think just remove it, you can achieve your request, however if you share site url, we can give exact code

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
.blog-basic-grid .image-wrapper img { left: 0 !important; top: 0 !important; padding: 8px !important; box-sizing: border-box !important; }  
 

**SOLVED** 
Website: https://oval-eagle-2p4y.squarespace.com/
Password: test
How can I remove this border on mobile? I added it with css so it was only 80% wide but I can't seem to get it styled or removed on mobile. 
Here's the css I used to add it: 
.header-display-desktop
{border-bottom: 1px solid rgba(255,255,255,.4);
padding-bottom: 30px;
}

Edit 7 Pages > Add a Block (anywhere on page)> Choose Code from the list > Paste this code > Then save & reload the page
<style> div.float-button { display: none !important; } </style>  

#1. Add this code to Website Tools (under Not Linked) > Custom CSS
div#block-040a8317b5dde6e0b395 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Aftensmad */ li.archive-group:nth-child(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } /* Bagvaerk */ li.archive-group:nth-child(2) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } /* Dessert */ li.archive-group:nth-child(3) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } /* Frokost */ li.archive-group:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* Morgenmad */ li.archive-group:nth-child(5) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* Sode Sager */ li.archive-group:nth-child(6) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } /* Tilbehor */ li.archive-group:nth-child(7) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
#2. You mean increase text size or?

You try this code to Website > Website Tools > Custom CSS
div.header-announcement-bar-wrapper { padding-top: 3vw !important; padding-bottom: 3vw !important; }  

Hi
Can you share link to homepage? We can check easier

@damastudios You can add a text link in Description, with url to contact us page. We will give the code to
hide current add to cart change text link style to button style move text link to add to cart position

The link doesn't work, but You can use this code to Website > Website Tools > Custom CSS
@media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control:after { width:4vw !important; height: 4vw !important; } }  

#1.
flex-start
to
flex-end
#2. Try this
[data-folder="root"]~[data-folder]>.header-menu-nav-folder-content { justify-content: flex-start; } If it doesn't work, you can share link to your site, I can check easier

Add to Design > Custom CSS
header#header.shrink a { color: black; opacity: 1; } header#header.shrink img { filter: invert(1); } header#header.shrink use { fill: black !important; stroke: black !important; }  

You can use a CSS code like this
.pdp-layout .pdp-details .pdp-details-title { font-family: 'omnes-pro' !important; }