Jump to content

corricorricorri

Member
  • Posts

    1
  • Joined

  • Last visited

corricorricorri's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Site URL: https://www.arrrrrrrt.com/ Help, I deleted a line of code now many of my CSS features refuse to function and I cannot find that pesky missing '{' Site password: 1445 My code is as follows: // Read More // .sqs-block-summary-v2 .summary-read-more-link { font-size:0; } .sqs-block-summary-v2 .summary-read-more-link:before { content: "Read More"; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000 !important; } // Summary Block Excerpt // .summary-excerpt p { font-size: 12px !important; font-weight: 500px; color: #000000; letter-spacing: 1px; line-height: 1px; } // Active Nav Color // // Hover Nav Color // .summary-thumbnail-outer-container:hover + .summary-content * { color: #FF0000 !important; } // Change Color On Hover Header Button // .header-actions .btn { transition: all 0.3s !important; } .header-actions .btn:hover { color: #ffffff; background-color: #FF0000; opacity: 1 !important; } /* Nav item color */ .header-nav-item a { color: #000000 !important; transition-duration: 0.4s; } /* Nav item hover color */ .header-nav-item a:hover { color: #FF0000 !important; transition-duration: 0.4s; } /* Nav item active color */ .header-nav-item--active a { color: #00b140 !important; } // Search // // Underline Search Block // .sqs-search-ui-button-wrapper.color-dark .search-input { background-color: transparent; border-width: 0; opacity: 1; border-bottom: 2.5px solid #00b140 ; } // Search Block - Text // .sqs-search-ui-button-wrapper.color-dark .search-input { font-size: 16px; font-weight: 500; letter-spacing: 0.03em; color: #00b140 !important; opacity: 1 !important; } // search // input[placeholder="Search"] { font-family: neue-haas-grotesk-text; font-size: 8px; } // Shopping bag // .icon--cart { svg { display:none; } background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60a46518a61eac7108716c02/1621386520681/bag+%282%29.png); background-size: 20px 20px; background-repeat: no-repeat; } // Subscribe // // Change Color On Hover Header Button // .header-actions .btn { transition: all 0.3s !important; } .header-actions .btn:hover { color: #ffffff; background-color: #4FBF87; opacity: 1 !important; } // Header Alignment // .header--menu-open .header-menu-nav-item {text-align:left;} .header--menu-open .header-menu-nav-folder-content {justify-content:normal} .header-menu-nav-item a { font-size: 20px; } .header--menu-open .header-menu-nav-item {margin-bottom: -0.5 px} // Hover blog // p a:hover { color:#808080 !important } // Hover filter images // .intrinsic:hover img {filter:grayscale(1)} // Underline // hr { padding: 0.5px 0 0.5px 0; } // Solid Underline Newsletter Form // // Pagination // section.item-pagination.item-pagination--prev-next { display: none; } // Back to top // #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; font-size: 25px !important; color: white; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 0px 0px 0px #000; /* Change the hex code in the next line to change background color */ background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } // Learn // #block-yui_3_17_2_1_1621480503627_5947 p { line-height: 18px; } // H1 // h1 { margin-top: -15px !important; margin-top: -15px !important; } h4{ margin-top: 20px !important; margin-bottom: -16px !important; } // Spacing // .sqs-block h3 { margin-bottom: 0; } // Newsletter // #collection-60a504fa4444ce2a8b1de637 #header { display: none } // Summary // .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: neue-haas-grotesk-text; font-weight: 600; font-size: 28.43px !important; color: #000000; text-transform: ; font-style: ; } } .sqs-block-summary-v2 { .summary-excerpt p {font-family: ; font-weight: 500; letter-spacing: 0.1px !important; font-size: 16px !important; color: #000000; ; } } // paragraph spacing // div#block-yui_3_17_2_1_1621864997776_5317 p { margin-top: -18px; } //Gallery captions // p.gallery-caption-content { font-family: neue-haas-grotesk-text; font-weight: 400!important; text-align: left; } // Scale Up Grid Gallery - Simple Layout // .gallery-grid-item img { transform: scale(1) !important; transition: all ease-in-out 0.8s !important; } .gallery-grid-item:hover img { transform: scale(1.1) !important; transition: all ease-in-out 0.8s !important; } //Gallery// .gallery-grid.gallery-grid--layout-grid { padding-top: 25px !important; } /* search */ @media only screen and (min-width:640px) { .icon--fill:nth-of-type(1) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60ad0ac1c6ec20276425f57c/1621953217175/magnifying-glass.png); background-size: 100%; background-repeat: no-repeat; } } .header-menu-actions-action:nth-of-type(1) { svg { display:none; } background-image: url(); background-size: 100%; background-repeat: no-repeat; } // Headings // h4 { color: #FF0000 !important; } // Learning // #block-yui_3_17_2_1_1621954106683_7291 * { margin-top:- 20px; } //Remove Link Underline // h1,h2,h3,nav { a,span background-image: none!important; text-decoration: none!important; } } // Summary title // /* Title */ .summary-title-link { line-height: 1px !important; text-transform: none; font-family: neue-haas-grotesk-display; font-size: 16px; } /* category */ .summary-metadata-item a { font-family: neue-haas-grotesk-text; font-weight: 600px; } // Search box // .search-input:focus { outline-color: transparent; } // newsletter .. @media screen and (max-width:640px) { section#newsletter-copy h2 { font-size: 30px; } section#newsletter-copy .newsletter-form-header-description * { font-size: 17px !important; } section#newsletter-copy .newsletter-form-header { width: 100%; } } // form // .form-block input, .field-element{ color: #000; } /* Line under header */ header#header { border-bottom: 0px solid #000000; } //cookie// .sqs-cookie-banner-v2.LIGHT { background-color: #39FF14; .sqs-cookie-banner-v2-text p { color: #000000; } } button.sqs-cookie-banner-v2-accept { color: BLACK !important; border-color: BLACK !important; } .sqs-cookie-banner-v2-text p { font-size: 10px; font-weight: bold; font-family: neue-haas-grotesk-text; color: black !important;line-height: 130%; } // Mobile header // @media only screen and (max-width: 640px) { .banner-thumbnail-wrapper { padding: 2px 0 5px !important; } } //Button width // .sqs-block-button-element {width: 220px } /* Add this code to Design -> Custom CSS */ .sqs-block-button a, [class*='button'], [class*='btn'] { font-family: 'neue-haas-grotesk-text' !important; font-size:16px; letter-spacing: 0.03em; } div.meta-below-title * { font-size: 30px; } // Metadata // .summary-metadata-item { font-size: 10px; font-weight: bold; font-family: neue-haas-grotesk-display; font-size: 12px !important; line-height: -1px; } //Remove Link Underline // h1,h2,h3,h4,p,nav { a,span { background-image: none!important; text-decoration: none!important; } } // Announcement Bar Hover Color // .sqs-announcement-bar { width: 100%; background-color: #000000 !important; /* main color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .sqs-announcement-bar:hover { border-color: white !important; background-color: #ff0000 !important; /* hover color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } // mobile menu // .header-menu-nav-item a { padding: 0; font-size: 1em; } // marquee // /* Removing the underline on link in the announcement bar */ .sqs-announcement-bar-text a{ text-decoration: unset !important; } /* Adding left and right padding, change to match your site padding if needed */ .sqs-announcement-bar-text{ padding-left: 30px; padding-right: 30px; } /* Hiding anything that extends beyond the screen */ #announcement-bar-text-inner-id { margin: 0 auto; overflow: hidden; } /* Starting the text off of the screen and adjusting width, change the animation: 15s to however long you want the marquee to take in seconds */ #announcement-bar-text-inner-id p { display: inline-block; width: max-content; padding-left: 100%; will-change: transform; animation: marquee 17s linear infinite; } /* Stopping the marquee on hover so people can click on links */ #announcement-bar-text-inner-id p:hover { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } // hide metadata // .blog-meta-item--tags { display: none; } // hide footer newsletter // #collection-60a504fa4444ce2a8b1de637 { footer { display: none !important; } } /* Remove Read More Underline */ .blog-more-link::after { display:none; } // heading color /
×
×
  • 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.