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

Webswool

Circle Member
  • Posts

    89
  • Joined

  • Last visited

Everything posted by Webswool

  1. I've tried adjusting the pixels and it just moves the entire map further up the page rather than cropping anything.
  2. Thank you @paul2009 - I tried this approach but no luck. It might be because the client has since requested that we switch from 7.0 to 7.1 so I'm not sure if the code would need to be different? I've attached a screenshot of how it made things look (the map on the left is the one I tried to crop the iframe window for) It's not the end of the world, but would just look a little cleaner if there is a solution! Page URL is: https://newworldoo.squarespace.com/coming-soon Password is: NW00previ3w
  3. Thanks @tuanphan - in the end I ended up cheating as the code I used above became tricky on pages where the logo wasn't hidden. Instead I've ended up utilising the email and social media elements and using the header button for the contact phone number. Have attached photo. It's a simple fix but it's done the job for this particular project!
  4. Thanks Tuan - I was worried that might be the case!
  5. I'm trying to solve the issue by playing with the margins/padding of the navigation links - my client isn't willing to pay for a business plan so I'm relying solely on CSS. I need to test it more thoroughly, but so far it seems to be doing the trick. I used the following code: // Navigation Links Spacing // .header-nav-item:nth-child(3) a { padding-left: 100px!important;} .header-nav-item:nth-child(2) a { margin-left: 0px!important; margin-right: 450px!important;}
  6. Hello! Got the embed code from here: https://www.vesselfinder.com/vessels/MSC-JULIE-IMO-9704996-MMSI-374335000 Just used the html used under "</> embed map"
  7. Site URL: https://newworldoliveoil.squarespace.com/coming-soon Password: newworldoliveoil Hello! I'm embedding 3 maps using code blocks so that the ships carrying the products for my client can be tracked by the user/site visitor. I'd like to hide the navigation/header on each (where it says Vesslefinder.com etc.) Anyone have any idea how to do this? I've tried targeting various things but don't seem to be able to touch it... Have attached a screenshot to show what I'm chatting about. Thanks! Sammi x
  8. Site URL: http://wearenativ.com/home-page Hello - I'm getting a strange blue/white box around my newsletter submit message (have attached image) Anyone know why this is happening? Or how to get rid of it? Sammi x
  9. Site URL: https://wearenativ.squarespace.com/home-page Hello! I'm using three gallery blocks to create a masonry-style grid... Does anyone know how to reduce the padding/manipulate the images in the right-hand gallery to result in the second image? I'm going out of my mind... Thanks in advance! https://wearenativ.com/home-page
  10. Yep! I figured it out in the end and used this solution in the code injection for the page in question (#featured): <style> #featured .sqs-block-summary-v2 {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; padding-top: 3px;}</style> <style> #featured .Index-page-content { padding-top: 0px !important; padding-bottom: 0px !important; } </style> <style> .summary-thumbnail-container,.summary-title {margin-bottom: 0 !important;} </style>
  11. Site URL: https://wearenativ.squarespace.com/home-page Hello! I'm making a featured gallery using several summary blocks (as I want to be able to change the images featuring in the gallery based on tags). Because I'd like the product title and price to be visible on a mouse-hover, I've made 'title' and 'excerpt' visible for my galleries. However, doing this has knocked my once beautiful spacing between images out of whack in the wall-summary gallery (photo attached). Would love to be able to reduce the horizontal space between the images in my wall summary block so they match the rest of the gallery! Any help would be wonderful. Thanks!
  12. Ah I know but as I've got the code working, I'd rather figure out the tweak to customise it rather than start from scratch with another plugin!
  13. Anyone know how to tweak this so that the revealed text goes downwards instead of being revealed upwards? More like an accordion?
  14. Hey, did you have any luck with this??
  15. Ah. Things are still looking a bit hinky on a tablet -
  16. Thanks - that worked perfectly. Really appreciate it.
  17. Thanks so much Tuanphan but where are you seeing that CSS? It's not in the custom CSS box that I can see.
  18. Site URL: http://wearenativ.com I've recently taken on a client (http://www.wearenativ.com) and I've noticed that when moving from desktop to a mobile device half of the footer text disappears. If reappears when I work on it, and I've been working through the custom CSS (from previous developers) but I haven't been able to find the culprit. It's probably something really simple that I'm missing but it's got me a little bit perplexed! Have attached images for reference. Any help would be hugely appreciated.
  19. Hi, I've used the following to create a logo image that only moves when the viewer hovers over the image: (I inserted my still image as an image block and then entered this code in the custom CSS editor) //Creating the gif image .sqs-image .sqs-image-content::after { background-image: url('https://ADD THE URL OF YOUR UPLOADED GIF HERE.gif'); background-position: absolute; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } //Hover mode .sqs-image .sqs-image-content:hover img { opacity: 0; } .sqs-image .sqs-image-content:hover::after { opacity: 1; } So in your case you'd need to upload the thumbnail/still image for each, then target these when applying the code one by one so that each of your gifs is attached to a specific image block. (replace .sqs-image .sqs-image-content each time for the #id)
×
×
  • Create New...