Leaderboard

Wow! Come on Squarespace! I've been a big supporter, but it REALLY sucks to commit to the 7.1 platform and then find out that some of these basics are not supported. Please don't be such a growing disappointment.

This is a joke, any standard blog page should have a share buttons readily available. Come on Squarespace, make it available, or will this be another app that we have to pay for. Starts to feel a bit like I am dealing Ryanair.

I'm having the same problem. Glad to find this forum if for nothing other than to know I'm not crazy. I've submitted a support ticket. I hope they fix it soon.

Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Footer: footer#footer-sections Footer Social Icons: footer#footer-sections .sqs-svg-icon–outer Footer Links: footer#footer-sections a Product List Product List: .collection-type-products.view-list Product Name: .grid-title Product Price: .grid-prices Product Image: figure.grid-image Product Currency: body.native-currency-code-usd .sqs-money-native:before Sold Out Text: .product-mark.sold-out Product Detail Product Detail: .collection-type-products.view-item Product Breadcrumb: .ProductItem-nav-breadcrumb Product Pagination (Previous/Next): .ProductItem-nav-pagination Gallery: figure.ProductItem-gallery Thumbnails: .ProductItem-gallery-thumbnails Big Image: .ProductItem-gallery-slides Product Name: h1.ProductItem-details-title Price: .ProductItem-product-price Currency: body.native-currency-code-usd .sqs-money-native:before Excerpt: .ProductItem-details-excerpt Add to Cart Button: .sqs-add-to-cart-button-wrapper Add to Cart Text: .sqs-add-to-cart-button-inner Variant Dropdown: .variant-option Variant Title: .variant-option-title Variant Options: .variant-select-wrapper option Quantity Text: .quantity-label Quantity Input: .product-quantity-input Cart Page Cart Page: body#cart Cart Title: .cart-title Item: .CartTable-itemLabel-3zzV1 QTY. .CartTable-itemLabel-3zzV1 span Price Name: .CartTable-itemPrice-XgjsO span X icon: .item-remove div Product Thumbnail: .item-image Product Name: .CartTableRow-itemTitle-1MDgZ a Quantity input: .CartTableRow-itemQuantity-LwuRx.item-quantity Price: .CartTableRow-itemPrice-26eXS.item-price Subtotal: .CartTable-subtotal-2nJjm Subtotal Price: span.CartTable-subtotalPrice-2JFeD Checkout: .CartFooter-checkout-28MW2.checkout Checkout Text: .CartFooter-checkout-28MW2.checkout span Variant Text: .CartTableRow-variant-1ihcF.variant Blog List Blog List: .collection-type-blog.view-list Thumbnails: article.blog-item img Date: time.blog-date Category: span.blog-categories-list Title: h1.blog-title Excerpt: .blog-excerpt Read more: a.blog-more-link Blog Posts Blog Posts Page: .collection-type-blog.view-item Blog Items: .blog-item-entry Categories: .blog-meta-item–categories Date: time.dt-published.blog-meta-item.blog-meta-item–date Author: .blog-meta-item.blog-meta-item–author.p-author.author Title: .blog-item-title Content: .blog-item-content-wrapper Pagination: .item-pagination Pagination Arrows: .item-pagination-link .item-pagination-icon Pagination Title: h2.item-pagination-title Author Box: .blog-item-author-profile-wrapper Author Image: a.author-avatar.content-fill Author Name: .author-name Author Site: a.author-website Post Comment: .squarespace-comments Post Comment Button: .comment.btn Comment Input: .squarespace-comments .new-comment-area Preview: span.btn-text.preview-comment.top-level-preview-btn Subscribe via email text: span.subscribe.subscribe-control Event List Page Event List Page: .collection-type-events.view-list Event Thumbnail: a.eventlist-column-thumbnail.content-fill Event Time: .eventlist-datetag Event Date: .eventlist-datetag-startdate.eventlist-datetag-startdate–day Event Month: .eventlist-datetag-startdate.eventlist-datetag-startdate–month Event Title: h1.eventlist-title Event Hour: li.eventlist-meta-item.eventlist-meta-time.event-meta-item Event Description: .eventlist-description Event Detail Page Event Detail Page: .collection-type-events.view-item Event Title: h1.eventitem-title Event Date: time.event-date Event Hour: li.eventitem-meta-item.eventitem-meta-time.event-meta-item Event Description: .eventitem-column-content Event Pagination: section.item-pagination.item-pagination–prev-next Previous/Next: .item-pagination-link .item-pagination-prev-next Event Pagination Title: h2.item-pagination-title Portfolio title: h3.portfolio-title item: .portfolio-grid-basic portfolio image: .portfolio-grid-basic .grid-image pagination: [data-collection-type=“portfolio-grid-basic”].item-pagination pagination text: h2.item-pagination-title pre text: .item-pagination-link–prev .item-pagination-prev-next next text: .item-pagination-link–next .item-pagination-prev-next Checked & Wrote by tuanphan

I came here to ask the same thing... It's been years since Afterpay, ZipPay, Klarna and many other payment options were made available and I feel as though I'm letting my customers down by not having this on offer to them.

Having the option within the WYSIWYG editor to set the appropriate rel= info is actually very important. The rel=nofollow and rel=sponsored attributes play a critical role for Google. We love the Squarespace platform, but this simple option missing is a significant problem.

There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. For all sections this would be: .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools. Somethig like this: .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }

(Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute Same as Brine Five /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM Same as Momentum Native /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1 /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: red !important; } .header-nav-folder-item:hover a { color: red !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.

Site URL: http://mmd.com.au Hello everyone! We are looking at adding a client portal to our Squarespace website. We are a marketing agency and have recurring clients - we need them to be able to login onto a portal to access all info about our workload (specific to them). I'm currently looking at memberstack and memberspace but would like to hear about people's experience using similar tools. We need to be able to create a login for each client and for them to see content that is specific to them. Thanks! Marie

We can give it an ID with jQuery. You have a business or commerce account, correct? $(document).ready( function() { $('nav.header-nav-list>div:nth-child(3) a').attr('id', 'Deltakere2'); });

Hi, Whenever I update my Instagram, the content block on my website displays the photo I just posted as a black box with a white diagonal line through it. I have tried re-connecting and resetting data, but it still does this. Anyone else get this or know the fix? Thanks, Francesca

I am having the same issue!

This worked! Thank you so much man!

I'm really super disappointed in Squarespace for not including share buttons. I'm a big fan of Squarespace, but seeing that the platform lacks such a basic need, make me doubtful.

These days a lot of events are virtual. When I create an event page in Squarespace, it displays the local time in my time zone for all visitors, regardless of their time zone. Worse, it doesn't even tell visitors what my time zone is! If the time is displayed with no time zone, users are likely to assume it's being "smart" and showing things in their own time zone. Even if they figure out that's not the case, many users don't know my time zone. Worse still, I'm creating a virtual event that's co-hosted by someone in New York and someone in California, so even if users know that, there's no way for them to even begin to guess what time zone I mean for the event to be in! Virtual events should always, always, always list their time zone. How can I do this on a Squarespace events page?

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5f19fabd42e0a40603b79726>.row:nth-child(2)>.col { width: 50% !important; float: left !important; } div#page-section-5f19fabd42e0a40603b79726>.row:nth-child(2)>.col .sqs-block-content { width: 100% !important; } }

Add to Code Block <div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 13px; height: 13px; border-bottom: 2px solid red; border-right: 2px solid red; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style>

You can click a button, but not inside a cross domain iframe.

Hi! This helped me when my social links were left aligned on desktop and centered on mobile: @media only screen and (max-width: 600px) { .social-icon-alignment-left .sqs-svg-icon--list { text-align: center; } } Hope it helps!

Add to Home > Design > Custom CSS @media screen and (max-width:767px) { footer.sections nav.sqs-svg-icon--list a { width: 10px !important; } }

Add to Page Settings > Advanced > Header <style> .image-block { padding: 5px !important; } </style>

Add to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> jQuery(function($){ $("p.entry-tags").html(function() { return $(this).html().replace("Tagged: ", "Location: "); }); }); </script>

@Sarahpsilva @media screen and (max-width:640px) { #block-yui_3_17_2_1_1593024627138_17518 .sqs-gallery-design-grid-slide { width: 33.33% !important; } }

Add to Home > Design > Custom CSS @media screen and (min-width:768px) { .blog-basic-grid { grid-template-columns: repeat(6,minmax(0,1fr)) !important; } }

Try this plugin. by @ThompsonWebDesign

SS will renew automatically.

Yes, I have a solution for this! I stumbled upon this same issue a while ago and it was driving me nuts. The following code seems to solve it for me... I guess I should add that this has worked on 7.0, not sure about 7.1 version. .Mobile-bar.Mobile-bar--bottom { padding: 0!important; } Thanks, Kacee

I am setting up a website for a client, and she's interested in creating a paywall for online videos - including payment options both as payment per video and also as member subscription. Second, she's interested in requiring payment for event registration. Essentially she's looking for new ways to offer her teaching and training, and offering her courses online seems like a smart ways to allow her to widen her audience. On Squarespace, how can I: 1) set up a paywall for individual video content? (we can use vimeo or youtube, or other video platforms as needed -- also has anyone used Zype to set up this paywall on a per video basis?) 2) offer a subscription service to unlock all video content (I saw Memberspace and Podia might be good options here?) 3) require payment for event registration Thanks for your help and suggestions here!

Hi! I'm trying to create a family tree that users can interact with (for ex. a user clicks on a certain image and a drop down of information appears). Anyone have any templates or ideas for inspiration of how I can build this? HTML is fine! Alternatively, I could use another program (like LucidChart) and embed it onto a page...? Thanks so much!

I'm also looking for an interactive family tree template. Any luck?

Did you ever find a good template? I'm searching as well

What's even more confounding, is that the controls are there. They simply don't work as yet. Social sharing is such an integral part of marketing for most of us, and it would seem to me that implementing this function should have been at the top of the list of things-to-do for the Squarespace team.

OK, I nearly cried then because I thought it had worked. It does work on the latest article but not the previous ones. It actually takes the latest article out of the other summary blocks in the previous articles. Does that make sense? You are still bloody amazing though. I'm so grateful for your efforts.

Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use. --------------------------------------------------------------------- Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon

Site URL: https://www.henrydrago.com/tab-lp Using 7.1 and I am trying to left justify the slideshow gallery section as well as give it the same content width as the above section (narrow). After digging around I can't seem to find anything on how I could go about this edit - I would love some input. Page www.henrydrago.com/tab-lp password: drago2020 Additionally if anyone has knowledge how to reposition the 'next image' arrows below the content that would be amazing. Thanks! Henry

I recently solved this problem for 2 members. You can use this plugin to create 2 sidebars.

@CptFeeny Sent you a message.

Remove your code, add this to Page Settings > Advanced > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('h1.image img').attr('src','https://static1.squarespace.com/static/5ce6eaeb3635390001e51764/t/5f1f223d6dd88f02ead0c474/1595875901364/Summit_ICON_transparent.png'); }); </script>

loueeze Thank you, it seems to work perfectly now. I will go trough this and learn from you so it dont happen again, and knowing what to look for. Your kindness has done a lot today!

@Ptphotography This probably won't be the simplest thing to get working..... First, you will need to upload the js and css files. The CSS file can be added in design->custom css. The js file requires a few tricks, follow this guide. https://forum.squarespace.com/topic/9648-where-do-i-upload-javascript-files/ When you make a gallery page, you will need to put the HTML from the example inside a code block, and set it up for your photos. It also looks like there is a mess of settings that need to be set. Probably just copy and paste the code from the example to start. Good luck, let me know if you run into any snags.

Wrap an <a> tag around your <i> tag in the jQuery.

Long story short, you can't. The only way it may be possible to to get the video out of the iframe. Then you could possibly click the full screen button with javascript after it starts playing.

Don't set the font on each one, unless you specifically need them to be different sizes. I would do it dynamically. Find this block of code ".gallery-grid-image-link::before {" and add in font-size: 6vw; That would be in the same section that you removed the translate codes from. Remove the font size 150 in all of the other ones. 6vw will dynamically size with the screen width. You can make it bigger or smaller, 5vw, 7vw, etc, you can also use decimals, 6.5vw.

Hey @mylesrh, it would require significant modification to override the theme to expand accordion style. If you set a sitewide password I can take a look at the padding issue https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

@media only screen and (max-width: 600px) { .pagination-title-wrapper h2 { font-size: 6.8vw; } } This will dynamically size below 600px.

@rosieames I heard from the support team for the plugin and was able to bring the click function back this way: To fix the issue, add this code to Code Injection, below the plugin code: <style>.alternative-image { z-index: auto }</style>

This is clearly an issue that is not resolved and is not IOS or Android, browser, or even geographically related. The mobile fallback images do not even work. this needs to be resolved.

Add to Home > design > Custom CSS .collection-type-blog.view-item .Header-branding-logo { filter: invert(1); }

@tuanphan is a hero! He sent me this code, which worked like a charm! figcaption.image-caption-wrapper { padding-top: 0 !important; } .image-caption p { margin-top: 5px; margin-bottom: 0; } Thank you so much!!!

Can you share link to your site?