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


  • Posts

  • Joined

  • Last visited

  1. Site URL: https://llama-scarlet-7jfe.squarespace.com/about I am changing the color of image captions, however after adding my customization to CSS the text is appearing somewhat bold or more thick. Another weird thing is the first image caption is showing correctly, but only that one. In the image I provide it shows the first two. Notice the second is more thick than the first. Is there a solution to this? Any help would be appreciated. Thanks .image-caption .sqsrte-small { color: #87c442; }
  2. Site URL: https://puma-orb-9lss.squarespace.com/projects Hello. Is it possible to have my instagram name show up next to my social media icon? I wish this feature was part of SS but I see no way of showing the name. I'm hoping it could be done with code. Thanks!
  3. @tuanphan Here, use this link. https://buttercup-pineapple-dmsy.squarespace.com/projects/metal-shop-cdbb4 Password: 2020
  4. Iā€™m still looking for help on this. I hope there is a solution
  5. To develop my question more. Is there any CSS code that could prevent the <span> text from showing up in the prev/next buttons?
  6. Site URL: https://puma-orb-9lss.squarespace.com/projects/little-peek I have the titles of my projects named like this: Little Peek<span>Vinalhaven, ME</span> to allow a subheading on the Portfolio page. However the previous/next buttons (item-pagination-prev-next) on the project pages are showing the edited text. Is there anyway to fix this so that it only displays the main title?
  7. Site URL: https://puma-orb-9lss.squarespace.com/news Hi, I am using the plugin Lazy Summaries. It has the options to edit the margin (gutter width). But it doesn't let me edit the vertical and horizontal "gutter width" or margin separately. I found the settings in the code. And the gutter is effecting gallery like this. #block-yui_3_17_2_1_1604436917292_4899 .sqs-gallery-design-autogrid-slide { width: 30.897703549060545%; margin-right: 3.653444676409186%; margin-bottom: 3.653444676409186%; } So I added this.. .sqs-gallery-design-autogrid-slide { margin-bottom: 20px !important } However, these percentages adjust based on the page size. So by doing this this code injection does not adjust. I'm totally stumped as to how I can increase the bottom margin while still allowing it to adjust. šŸ˜” If anyone knows what might help please let me know. Would be greatly appreciated.
  8. Site URL: https://puma-orb-9lss.squarespace.com/projects/metal-shop I'm looking to vertically center the location and photography sub-titles with the main title. Is this possible? This is the code I have so far. The most difficult part (for me at least) is to also having the photography show up inline on the right. <div style="line-height:40px; float:left"> <h2 style="display:inline; font-weight:bold">Project Title</h2> <h2 style="display:inline">|</h2> <h3 style="display:inline; color:grey">Location, NY</h3> </div> <div style="line-height:40px; float:right"> <h3 style="display:inline; font-style:italic; color:grey">Photography: Name Last</h3> </div> <div style="clear:both;"></div> <p style="text-align: justify"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  9. I figured it out! My gradient had rgba(250, 0, 0, 0) which was causing problems on Apple devices. After switching it to rgba(0, 0, 0, 0) the problem is no more. Safari issues... https://ambientimpact.com/web/snippets/safari-bug-with-gradients-that-fade-to-transparent
  10. Site URL: https://puma-orb-9lss.squarespace.com/projects There is a strange grey color showing on my portfolio page gradient on mobile browser but not on computer browser. See images below for reference. Any knowledge on what might be causing the problem would be greatly appreciated!
  11. Site URL: https://puma-orb-9lss.squarespace.com/projects I'd like to force the first image (image block) on each of my portfolio pages to be the same size exactly. Is it possible to do this through code? Some example pages: https://puma-orb-9lss.squarespace.com/projects/maysville https://puma-orb-9lss.squarespace.com/projects/metal-shop
  12. Site URL: https://puma-orb-9lss.squarespace.com/projects I'd like to have the portfolio overlay off when my website is viewed on mobile. Or in other words, I want all the text to show and not be hidden on mobile on the portfolio page. I should note that I have custom animations that override the overlay a bit. I added code such as the one below to prevent it on mobile. Maybe irrelevant but adding just in case. @media screen and (max-width:640px) { .portfolio-grid-overlay .grid-item .portfolio-title { transition: none !important } }
  13. It's still very helpful thanks! I'm having fun figuring these things out as well.
  • Create New...