Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for 'empty summary block'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 11 results

  1. I've tried every solution I could find here on the Circle forum, but none are working! page: https://theveil.squarespace.com/nfk (scroll down to "Upcoming Events" section) template: Royce I've got a Summary Block displaying Events, filtered by Category. When nothing matches the filter criteria, there is just a big black space on the page. I'd prefer it to automatically display text when the summary block is empty, like "There are no upcoming events at this location." Note: The Upcoming Events section on the page is actually a page (/nfk-events) nestled within an Index Collection (/nfk), in case it matters. Anyone have ideas / updates to the old solutions for this? (https://forum.squarespace.com/search/?&q=empty summary block&search_and_or=and&sortby=relevancy)
  2. If you notice, on the other pages, the banner image shrinks and so does the size of the type. I want the same effect for this new page that was just added. The existing CSS .footer-inner { padding: 0px 32px; } #footerBlocks p { font-size: 13px; } #preFooter { display: none; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 20px 0; } #page-5cf539102abda6000194c061 p { font-size: 18px; } body a { text-decoration: underline !important; } a { text-decoration-color: #134a5d !important; } nav a { text-decoration: none !important; } .sqs-block-button-container--center a { text-decoration: none !important; } #intro a { text-decoration: none !important; } #bottom-hero-image a { text-decoration: none !important; } .summary-title a { text-decoration: none !important; } .image-slide-title { font-size: 18px !important; font-weight: 500 !important; color: #134a5d !important; } .summary-thumbnail-container, .summary-title-link {pointer-events: none !important;} #our-mission .desc-wrapper p > strong { font-size: 20px; font-weight: 700; text-align: left; color: #a1bb5c !important; letter-spacing: .03em; } #our-mission .desc-wrapper p { font-size: 18px; text-align: left; letter-spacing: .02em; } .sqs-block-content a, .sqs-block-content a:visited {border: none !important;} .back-to-top-nav{display: none;} .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 96px 32px 20px 32px; } #page { padding: 32px 32px 20px 32px; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 0; } .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 32px 32px; } .homepage #testimonial .desc-wrapper p > strong{ font-size: 96px; line-height: 1em; } #block-yui_3_17_2_1_1559320967760_20092 { padding-top: 0; } #block-yui_3_17_2_1_1559246057539_3760 { padding-bottom: 0; } .homepage #footerBlocks:not(.empty) { margin-top: 0; } #footer .footer-inner .sqs-block-content.sqs-intrinsic { padding-bottom: 0 !important; } #footer .footer-inner .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, #footer .footer-inner.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 0; } #footer #block-yui_3_17_2_1_1559158104048_14962 .sqs-block-content, #footer #block-yui_3_17_2_1_1572528983610_8771 .sqs-block-content { padding-top: 17px; } .social-icon-alignment-center .sqs-svg-icon--list { text-align: center; } #block-yui_3_17_2_1_1572528983610_10705 .sqs-block-content { padding-bottom: 35px; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) { background: transparent; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { width: 45%; text-align: right; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) { width: 10%; text-align: left; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p { font-size: 15px !important; text-decoration: none; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p a { text-decoration: none; } #footer .html-block a, #footer .html-block a:visited { text-decoration: none !important; } .form-wrapper .field-list .field .option { font-size: 18px; } .form-wrapper .field-list .field .option { font-size: 18px; } @media only screen and (max-width: 640px) { .sqs-block[class*=float-right] { float: none; margin-left: 0; } .sqs-layout [class*=sqs-col] { padding-top: 0; padding-bottom: 0; } .sqs-layout:not(.sqs-editing)>.sqs-row:last-child>[class*=sqs-col]:last-child>.sqs-block:last-child { padding-bottom: 0; padding-top: 0; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { text-align: center; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) * { padding: 0 !important; margin: 0; } }
  3. Site URL: https://thehenleygroup.com I cannot remove the hyperlink from the pop-up buttons, a seemingly easy problem. Tried these two things, inserting on the last line of the Custom CSS, with no success: .sqs-slice a { text-decoration: none !important; And this: .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-auto [data-slice-type="buttons"] ul li a, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-layout-style-inline-auto [data-slice-type="buttons"] ul li a { text-decoration: none! important; } This is the current full CSS: .footer-inner { padding: 0px 32px; } #footerBlocks p { font-size: 13px; } #preFooter { display: none; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 20px 0; } #page-5cf539102abda6000194c061 p { font-size: 18px; } body a { text-decoration: underline !important; } a { text-decoration-color: #134a5d !important; } nav a { text-decoration: none !important; } .sqs-block-button-container--center a { text-decoration: none !important; } #intro a { text-decoration: none !important; } #bottom-hero-image a { text-decoration: none !important; } .summary-title a { text-decoration: none !important; } .image-slide-title { font-size: 18px !important; font-weight: 500 !important; color: #134a5d !important; } .summary-thumbnail-container, .summary-title-link {pointer-events: none !important;} #our-mission .desc-wrapper p > strong { font-size: 20px; font-weight: 700; text-align: left; color: #a1bb5c !important; letter-spacing: .03em; } #our-mission .desc-wrapper p { font-size: 18px; text-align: left; letter-spacing: .02em; } .sqs-block-content a, .sqs-block-content a:visited {border: none !important;} .back-to-top-nav{display: none;} .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 96px 32px 20px 32px; } #page { padding: 32px 32px 20px 32px; } .collection-type-index.transparent-header.view-list .index-section:not(:first-of-type) .banner-thumbnail-wrapper, .collection-type-index.transparent-header.collection-type-page .index-section:not(:first-of-type) .banner-thumbnail-wrapper { padding: 0; } .collection-type-index .page-content { max-width: 1020px; margin: 0 auto; padding: 32px 32px; } .homepage #testimonial .desc-wrapper p > strong{ font-size: 96px; line-height: 1em; } #block-yui_3_17_2_1_1559320967760_20092 { padding-top: 0; } #block-yui_3_17_2_1_1559246057539_3760 { padding-bottom: 0; } .homepage #footerBlocks:not(.empty) { margin-top: 0; } #footer .footer-inner .sqs-block-content.sqs-intrinsic { padding-bottom: 0 !important; } #footer .footer-inner .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, #footer .footer-inner.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 0; } #footer #block-yui_3_17_2_1_1559158104048_14962 .sqs-block-content, #footer #block-yui_3_17_2_1_1572528983610_8771 .sqs-block-content { padding-top: 17px; } .social-icon-alignment-center .sqs-svg-icon--list { text-align: center; } #block-yui_3_17_2_1_1572528983610_10705 .sqs-block-content { padding-bottom: 35px; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) { background: transparent; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { width: 45%; text-align: right; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) { width: 10%; text-align: left; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p { font-size: 15px !important; text-decoration: none; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) p a { text-decoration: none; } #footer .html-block a, #footer .html-block a:visited { text-decoration: none !important; } .form-wrapper .field-list .field .option { font-size: 18px; } .form-wrapper .field-list .field .option { font-size: 18px; } @media only screen and (max-width: 640px) { .sqs-block[class*=float-right] { float: none; margin-left: 0; } .sqs-layout [class*=sqs-col] { padding-top: 0; padding-bottom: 0; } .sqs-layout:not(.sqs-editing)>.sqs-row:last-child>[class*=sqs-col]:last-child>.sqs-block:last-child { padding-bottom: 0; padding-top: 0; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(2) { text-align: center; } div.footer-inner div.sqs-layout div.row.sqs-row:nth-child(2) div:nth-child(3) * { padding: 0 !important; margin: 0; } } Thanks for any help!
  4. I'm going to see if I can make @derricksrandomviews idea work but in the meantime, I would also love to make this work @RyanDejaegher if you have any clue how to get that empty space to go away -- The website it about to go live so it will probably be lynnepalmerinc.com/insights-executive-recruitment-blog but if not, it is https://emu-jaguar-5y4h.squarespace.com/insights-executive-recruitment-blog and the password is lp -- that is a lowercase L and lowercase P. I have been able to hide the first (most recent) post. That is fine. BUT, when I do, there is an empty space showing up in the first row of the summary block. Here are the two codes I have used. Can you help? For now, I have the code disabled. #block-yui_3_17_2_1_1594082530518_15247 .summary-item:nth-child(1) { display: none; } #block-yui_3_17_2_1_1594082530518_15247 .sqs-active-slide { display:none!important; } thank you!!!!
  5. The website it about to go live so it will probably be lynnepalmerinc.com/insights-executive-recruitment-blog but if not, it is https://emu-jaguar-5y4h.squarespace.com/insights-executive-recruitment-blog and the password is lp -- that is a lowercase L and lowercase P. I have been able to hide the first (most recent) post. That is fine. BUT, when I do, there is an empty space showing up in the first row of the summary block. Here are the two codes I have used. Can you help? For now, I have the code disabled. #block-yui_3_17_2_1_1594082530518_15247 .summary-item:nth-child(1) { display: none; } #block-yui_3_17_2_1_1594082530518_15247 .sqs-active-slide { display:none!important; } thank you!!!!
  6. The website it about to go live so it will probably be lynnepalmerinc.com/insights-executive-recruitment-blog but if not, it is https://emu-jaguar-5y4h.squarespace.com/insights-executive-recruitment-blog and the password is lp -- that is a lowercase L and lowercase P. I have been able to hide the first (most recent) post. That is fine. BUT, when I do, there is an empty space showing up in the first row of the summary block. Here are the two codes I have used. Can anyone help? For now, I have the code disabled. #block-yui_3_17_2_1_1594082530518_15247 .summary-item:nth-child(1) { display: none; } #block-yui_3_17_2_1_1594082530518_15247 .sqs-active-slide { display:none!important; } thank you!!!!
  7. Hi everyone, I've scoured the forums trying to find a solution to my problem. Here's the sample page I'm working on: https://www.mydryeyedata.org/symptoms-list/how-it-started I'm trying to embed an iframe element on my site (on a blog post, actually). I created a survey and want to have a blog post for summary data of each question, which is accessible by an embeddable link provided by the survey platform, which should go to this page: https://www.questionpro.com/t/ZRhJQhZGgEqYG. <iframe src='https://www.questionpro.com/t/ZRhJQhZGgEqYF' width='100%' height='600' frameBorder='0'></iframe> When I'm editing in Safari or in a private tab, I just see empty boxes. I tried chrome and once I allowed unsafe elements I got the grey frowny face saying "www.questionpro.com refused to connect". I've contacted them about why their embed isn't working, but I haven't ruled out that this is a Squarespace issue. Things I've tried: I know the url is https Putting the above code into a code block doesn't work; frowny face. Putting the url in an embed block says it's not valid. Using specific code in the embed block and adding custom CSS also doesn't work; small box and frowny face. I tried the following per a few help articles (e.g. https://answers.squarespace.com/questions/69710/why-cant-i-interact-with-iframe-content.html) Code in embed block (grey < / >): <div style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;"> <iframe src="https://www.questionpro.com/t/ZRhJQhZGgEqYG"></iframe> </div> Custom CSS: (is height: 100% valid? I'm embedding like 100 iframes on my site, and some are a lot taller than 600px. I could also choose some random value) my-iframe iframe { height: 100%; width: 100%; margin: 0; padding: 0; border-style: none; /* to ensure proper scrolling and overflow handling on mobile devices, put this styling in a div wrapper around the iframe because it's unreliable in css: -webkit-overflow-scrolling: touch; overflow: auto; */ } Since chrome says www.questionpro.com refuses to connect, I've contacted them. I'm not sure if they'll be able to solve anything or if this is a square space issue. Btw when I put the embed code provided into something like https://html5-editor.net/ it also doesn't work, leading me to think that it's a QuestionPro problem. @alxfyv @Jay Wilson Jr @raptra @alxfyv Thanks in advance, I'll be sure to provide updates and let everyone know what worked.
  8. I gave this answer to another member with the same question and just as confused. I can understand the confusion. Let me see if I can help you out. Images can go on the blog page header and also as the header of each post. So lets start at the very beginning of a blog post with the very first thing you do. Go into config, choose pages, then choose blog page. At that point the blog "summary" page comes up on the right with a list of posts on the left. The blog summary page isn't the same thing as a summary block on a page, which is important to know. At that point you create a blog post, by clicking the + sign at the top of the left side of the page or if you have a blog post then you would want to go into edit. That is done by choosing the little thumbnail down the page under that + sign and click edit. Once you do that the post opens up, and at the very top of the page you have the title of the post or a note that says no title. You can click on that or on the gear icon on the top right corner of the page. The edit mode panel opens for the post. There you enter your title and where it says "write here", you hover over that and an insert dot shows up, click that dot, another smaller panel opens with all kinds of blocks and options in it, one of which is an image block. You add one of those and edit it to add a picture which will show up on the post but not on the main blog "summary list" page, not yet anyway. To get that to happen choose the options tab in that blog post edit panel. There you have a little window that says upload, if its empty, or edit if it isn't. If you want a new image, delete the one that is there and upload a new one. Save everything once you have your pic uploaded, you save by choosing done. There you have it, not as simple as pie, but not that bad of a procedure. If you need any more help don't hesitate to post here and ask.
  9. This appears to be a 7.1 site and I can understand the confusion. Let me see if I can help you out. Images can go on the blog page header and also as the header of each post. So lets start with the first thing. Go into config, choose pages, then choose blog page. At that point the blog "summary" page comes up on the right a list of posts on the left. The blog summary page isn't the same thing as a summary block on a page, which is important to know. At that point you create a blog post, by clicking the + sign at the top of the left side of the page or if you have a blog post then you would want to go into edit. That is done by choosing the little thumbnail under that + sign and click edit. Once you do that the post opens up, and at the very top of the page you have the title of the post or a note that says no title. You can click on that or on the gear icon on the top right of the page. The edit mode panel opens for the post. There you enter your title and where it says "write here", you hover over that and an insert dot shows up, click that, another smaller panel opens with all kinds of blocks and options in it, one of which is an image block. You add one of those and edit it to add a picture which will show up on the post but not on the main blog "summary list" page, not yet anyway. To get that to happen choose the options tab in that blog post edit panel. There you have a little window that says upload if its empty or edit if it isn't. If you want a new image, delete the one that is there and upload a new one. Save everything once you have your pic uploaded, you save by choosing done. There you have it, not as simple as pie, but not that bad of a procedure. If you need any more help don't hesitate to post here and ask. Derrick
  10. Here's all the current CSS I have: //---Custom Fonts--- .header-nav-item a {font-family: 'times'!important;} .image-button a {font-family: 'rose'!important;} h1 {font-family: 'rose'!important;} .item-pagination-title {font-family: 'rose'!important;} .section {font-family: 'rose'!important;} body#cart {font-family: 'rose'!important;} .CartTableRow-itemTitle-1MDgZ a {font-family: 'rose'!important; font-size: lowercase !important;} .CartTableRow-itemPrice-26eXS.item-price {font-family: 'rose'!important; font-size: 'lowercase' !important} .cart-title {font-family: 'rose'!important; text-transform: lowercase !important} .CartTable-itemLabel-3zzV1 {font-family: 'rose'!important; text-transform: lowercase !important} .CartTable-subtotal-2nJjm {font-family: 'rose'!important;} .CartFooter-checkout-28MW2.checkout {font-family: 'rose'!important; text-transform: lowercase !important} .CartFooter-checkout-28MW2.checkout span {font-family: 'rose'!important; text-transform: lowercase !important} .CartTableRow-variant-1ihcF.variant {font-family: 'rose'!important;} .form-wrapper .field-list .title { font-family: rose; font-size: 8px; color: #000000; letter-spacing: .08em; text-transform: lowercase; } .form-wrapper .field-list .field .caption { font-family: rose; font-size: 6px; color: #000000; letter-spacing: .15em; text-transform: lowercase; } .form-wrapper input[type=submit] { border: 1px solid #98635D; transition: all .6s ease 0s!important; font-family: rose !important; text-transform: lowercase !important; } #site-title {font-family: 'rose'; src:local('Example'), url(http://static1.squarespace.com/static/5683f9f1cbced6d45d92de3d/t/56855928e0327c02e3702e57/1451579688037/Example.otf)} @font-face { font-family: 'rose'; src: url('https://static1.squarespace.com/static/5ebdcf4c4560b360604aba30/t/5ec45df350541c19791d42a4/1589927411335/rose_of_baltimore.ttf'); } .header-nav-folder-item a {font-family: 'rose'!important; font-size: 20px !important} .header-nav .header-nav-item--folder .header-nav-folder-content a:hover { width: 320px; color: white !important; background: black; } .header-nav .header-nav-item--folder .header-nav-folder-content { width: 320px; } /* Nav item hover color */ .header-nav-folder-content a:hover { color: white !important; background: black; } .sqs-add-to-cart-button-inner {font-family: 'rose'!important;} h1.ProductItem-details-title {font-family: 'rose'!important;} .grid-title {font-family: 'rose'!important;} .ProductItem-nav-pagination {font-family: 'rose'!important;} .ProductItem-nav-breadcrumb {font-family: 'rose'!important;} .quantity-label {font-family: 'rose'!important;} .product-quantity-input {font-family: 'rose'!important;} .ProductItem-product-price {font-family: 'rose'!important;} h3.portfolio-title { font-family: 'rose' !important; font-size: 30px !important; } .product-price, .product-quantity-input, .quantity-label, .floating-cart,{ display: none !important; } .sold-out .ProductItem-details .sqs-add-to-cart-button { display: none; } a.summary-read-more-link { display: none; font-size: 0px !important; } a.summary-read-more-link:before { display: visible; content: "Shipping & Fee"; font-size: 14px !important; line-height: 2em; } @media only screen and (max-width: 991px) { h3 { font-size: 12px !important; } } #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: 1px 1px 5px #000; // Change the hex code in the next line to change background color background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } @media screen and (max-width:767px) { [data-section-id="5ed972a0f5d09417a6db8d16"] { min-height: 30vh !important; margin-top: -20px; } } @media only screen and (max-width: 767px) { footer { font-size: 14px !important; } } @media screen and (max-width:767px) { div#block-415f0f884df179f83753 figcaption { width: 40%; margin-top: -40%; } div#block-415f0f884df179f83753 figcaption * { font-size: 9px; letter-spacing: 1px; } } @media screen and (max-width: 767px) { section[data-section-id = "5ed97a9d65c1212bd1ae95ed"] { .sqs-block-content p[data-rte-preserve-empty = "true"] { display: none; } .content-wrapper { padding-bottom: 0 !important; padding-top: 0 !important; } } } @media screen and (max-width:767px) { /* about page overlap */ /* email */ div#block-ba48f8970f642c3ea8d1 p:last-child { letter-spacing: 3px; } } @media screen and (max-width:767px) { [data-section-id="5ed97a9d65c1212bd1ae95ed"] { min-height: 30vh !important; margin-top: -10px; } }
  11. Hi, I saw your response on this post: 

    Is there a way to do the same thing in a blog, not in a summary block? I am trying to either make the blog thumbnail the same as the Source URL or disable the thumbnail link completely. Right now the title links to the Source URL but the thumbnail links to the empty blog page

    https://orange-gazelle-7waj.squarespace.com/technology password:1234567

     

     

×
×
  • Create New...