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


  • Posts

  • Joined

  • Last visited

Everything posted by mathildenicoline

  1. Now I am just talking to myself, found the solution from TuanPhan himself here:
  2. 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)
  3. 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>
  4. Thanks again! Getting close to the finish-line, just stuff like this remaining!
  5. I figures it out myself - need to replace the 0's with colorvalues 🙂
  6. Is there any solution for making this a custom color, and not black?
  7. Site URL: https://lizard-lily-axxj.squarespace.com/all-2 Its just so much padding all over squarespace. I want a list made out of buttons, and I want it to look nice! The buttons now look ok, but the padding is just way too much. I have changed the padding, but there is still so much space between the buttons. Tried to add margins to 0px, this did nothing. This is the code right now: .sqs-block-button .sqs-block-button-element--small { width: 95px !important; text-align: center; padding: 10px 20px !important; } https://lizard-lily-axxj.squarespace.com/all-2 - password: heggholmenfyr
  8. Thank you! This finally fixed it, added a padding-bottom and now it looks so much better!
  9. 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"?
  10. 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;}
  11. 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
  12. Thank you @tuanphan! Worked perfectly! Did a lot of googling without finding the answer, love this forum 🙂
  13. Site URL: https://orchid-piano-9tpj.squarespace.com/ Hi! I have an HTML to create an effect on hover on images. Is there a code to make this apply to only image poster blocks, and not inline, card, stack etc.? This is my code now .image-block:hover img { filter: brightness(0.7); transition: all .3s ease-in-out; } I want the hover on these images https://orchid-piano-9tpj.squarespace.com/projects But not on this https://orchid-piano-9tpj.squarespace.com/about
  14. 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; }
  15. 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?
  16. Offcourse, I am working on a trial site though. For now it is here https://tuba-fife-gr7b.squarespace.com/new-page Password: hello
  17. Hi! I'm new to coding and I'm attempting to make a custom imagefile work as a button. So when I add a button block, this will be inserted. I have managed to do this (yay!), but am struggling with the text on the button, I want this to be centered both vertically and horizontally, but when I insert this in the code it seems to only apply to the image. Here is my code so far: .sqs-block-button-element--large { width: 400px !important; height: 400px !important; background-image: url(imgurl); background-repeat: no-repeat; } .sqs-block-button-element--large:hover { width: 400px; height: 400px; background-image: url(imgurl); background-repeat: no-repeat; }
  • Create New...