mathildenicoline
Circle Member-
Posts
33 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by mathildenicoline
-
Gallery Block - Captions on Mobile view
mathildenicoline replied to mathildenicoline's topic in Customize with code
Thank you 🥰 -
Site URL: http://www.mathildenicolinebergersen.com/priser On the gallery-blocks in 7.1 the caption is only displayed on desktop, is there a code to make them show on phone as well? And just noticed: Is there no lightbox-option in gallery blocks?
-
Making captions appear only in lightbox for 7.1 grid gallery
mathildenicoline replied to Maia-E's topic in Images & Videos
-
Making captions appear only in lightbox for 7.1 grid gallery
mathildenicoline replied to Maia-E's topic in Images & Videos
Ok! I fixed my own problem, I had to paste it to the footer and not header code injection 🙈 But! I have a new problem of course. The text appears on top of the pictures, any way to either move the text down or the image up? Tried to add some margin to the code, but I dont know enough. Any thoughts? @tuanphan (I added a transparent background to the text just for now) -
Making captions appear only in lightbox for 7.1 grid gallery
mathildenicoline replied to Maia-E's topic in Images & Videos
Hi @tuanphan I have the same issue, can you help me?? Site https://radish-poodle-5ftl.squarespace.com/is-this-my-habitat Password: pandele Have this code from before, but it does not work? <style> .lightbox-caption { display: block; z-index: 9999; position: absolute; bottom: 0; width: 100%; text-align: center; color: white; font-family: europa; } </style> <script> $(document).ready(function(){ $('.gallery-lightbox-item-img').each(function(){ var alt = $(this).find('img').attr('alt'); $(this).append('<div class="lightbox-caption">' + alt + '</div>'); }); }); </script> -
Squarespace 7.1 header opacity
mathildenicoline replied to Ben_Keeley's topic in Customize with code
I figures it out myself - need to replace the 0's with colorvalues 🙂 -
Squarespace 7.1 header opacity
mathildenicoline replied to Ben_Keeley's topic in Customize with code
Is there any solution for making this a custom color, and not black? -
Reduce horizontal padding on blog posts
mathildenicoline replied to mathildenicoline's topic in Customize with code
Thank you! This finally fixed it, added a padding-bottom and now it looks so much better! -
Sitemap error because of date format in Google search console
mathildenicoline replied to zivexs's topic in SEO
I have this problem as well! My url is www.mathildenicolinebergersen.com See screenshot for error-message. Not sure if it says the error is in line 3397, also not sure how to find this "line"? -
Reduce horizontal padding on blog posts
mathildenicoline replied to mathildenicoline's topic in Customize with code
Still nothing 😞 -
Reduce horizontal padding on blog posts
mathildenicoline replied to mathildenicoline's topic in Customize with code
Sorry, but this did nothing. Maybe because I have the other code?? https://lizard-lily-axxj.squarespace.com/gallery/thekingsoaks - here is direct link to where I want the changes to be - password: heggholmenfyr This is the code that is already there to remove title and move metadata to beneath the content .blog-item-wrapper .blog-item-inner-wrapper { display: flex; flex-direction: column; } /* title */ .blog-item-top-wrapper { order: 2; } /* image */ .blog-item-content-wrapper { order: 1; padding-top: 10px; } article .entry-title { display: none;} -
Site URL: https://lizard-lily-axxj.squarespace.com/gallery Working with a page with a narrow design, I find there is just to much padding on 7.1. Know how to reduce this vertically and in sections, but can't find the option on blog posts. First: Too much padding between the menu and the photo. Then too much padding both between categories and text (blog content) and categories and the footer / next blog post arrow. How to reduce this? Ps: I have a css removing the title and moving the metadata below the blog content. https://lizard-lily-axxj.squarespace.com/gallery (please open a blog post) - password: heggholmenfyr
-
Captions in lightbox mode 7.1
mathildenicoline replied to mathildenicoline's topic in Customize with code
Thank you @bangank36 - Finally it worked! -
Site URL: https://orchid-piano-9tpj.squarespace.com/ragnaroken I have searched but not found the correct code. I want captions to appear on hover in the gallery - this I have found a code for. I also want captions to appear when the image is opened in lightbox - this I can't find a code that does the trick. I want this on all pages. This is the code I have for hover in galleries figure.gallery-strips-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-strips-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-strips-item-wrapper a:after { background: #000000; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-strips-item:hover .gallery-strips-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; }
-
Hi! Working on 7.1, a portfolio page with the style option grid:simple, want the titles to appear above the images and not below. Is this an option or is there any code to do this?