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

Search the Community

Showing results for tags 'overlay'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 21 results

  1. I am creating a website using the Henson template (Tremont family). I have used the Design > Site Styles to set up overlay opacities that I like, but there is one customization that does not seem possible with the built-in styles: At the bottom of each "Portfolio" index (/brand, /data, and /web), the "collectionDesc" reappears, overlaid on the media image for that index. I would like to add a white background overlay at 95% opacity when this happens, so the image looks ghosted and the text is more legible. I can accomplish this by setting the Overlay Opacity under "Index Overlay/Background Colors" in Site Styles, but the images then continue to look ghosted on that page and throughout the site when the collection is active (mouse is hovering over the collection menu). Is there code injection I could add to the header of the 3 portfolio index pages (brand, data, and web) or to the site-wide Custom CSS that will set the "Index Overlay/Background Colors" to #fff 95% opacity only when the "collectionDesc" is visible? You can view the in-progress site at the link below: https://gar-opossum-4ch5.squarespace.com/ password = chameleon I have also attached images to help demonstrate the issue: 1. How the "collectionDesc" looks at the bottom of the /web index with no "Index Overlay/Background Colors" visible (opacity set to 0) 2. How I want the "collectionDesc" to look at the bottom of the /web index * 3. How I want the collection media to appear on hover * * note: #2 and #3 are mutually exclusive using the built-in Site Styles (increasing opacity to achieve #2 ghosts out #3 and vice-versa) Any guidance on resolving this issue would be much appreciated!
  2. Hello. Im trying to find a way of having a colour overlay appear on the hover of an image within a gallery. I dont want this effect across every single image just certain ones within a gallery. Please see the site below for reference - as you hover over a project the colour pink overlays. https://megalodon-rose-khl5.squarespace.com/ password: Testingpassword Reference - https://www.contrastcreative.co.uk/
  3. Hi!! I was wondering how I can target the header overlay text to be a different coloured font on one of my pages. I also want to get rid of the shadow behind the text but only for this page. The section is the "What We Do" index page of my homepage. I want the font to be #hsl(195, 7%, 23%). Here is the URL: https://penguin-roadrunner-4c8m.squarespace.com/ and password: Skyfall77
  4. I have worked thought a few CCS mods to get my gallery image block lightbox to look they way I want it to. I am having a problem getting the lightbox opacity to be 1 or full background with no opacity. Every time I inject a CCS mod the element z-index and opacity revert back to opacity:0.98 I have tried several variation but nothing works. Here is the latest CCS I injected. .yui3-lightboxoverlay-content .sqs-lightbox-overlay .sqs-lightbox-overlay-default.light.element { z-index: 10000000; opacity: 1; }
  5. Hi all, I have played around in 7.1 for a while now, and I've taken the step to build my first client site using it. Exciting! I am using a Headline section with full width background image with overlaid text and button — standard out the box stuff. The client has requested that the background image becomes a slideshow so that there are 3 images it cycles between. Unfortunately it's not currently possible to add text and a button to the Image slideshow which would have been the easiest solution. I know that using Brine is an option but I don't want to step backwards to 7.0 at this stage. Would anyone happen to have code or could instruct me on how else I could go about this? Screenshot attached is how the current Headline section looks. The site is jos-kitchen.co.uk but currently doesn't have any of this easily accessible as it's in holding page state. Thanks in advance, Sarah
  6. Hey everyone! I just watched a video on adding a specific banner overlay on one image but it wasn't working. (I think I did something wrong with the section ID) I wanted to add a banner overlay on this page and this page only using custom CSS https://www.jfkjets.com/aerial-photography Thank you!
  7. Hello, I'm using squarespace 7.1 and have a page of poster image blocks with titles overlaid (screen shot attached). I want to create an effect so the title only appears when you hover over the image (a bit like this: http://www.springfilms.tv/work/) Any tips on how I can achieve this? Thanks a lot, Anna
  8. dani2

    Dani

    I'm trying to remove the banner overlay from ONE page only in Brine. The page is not within an index. I've tried everything, now ready to throw computer. Please help.
  9. Hi there, I have a site that I'd like to add some overlay text on an index gallery slideshow. I'd like the text to remain static while the images change similar to this site: https://josephhardin.com/ I have tried endlessly to figure this out without success. Anybody care to chime in? Bonus points if the text can be positioned to the left side of the page! Website: http://www.jaredtseng.com/new-index Password: orangeflute
  10. Hi I am trying to change the image size of the first image/header image for each project. Trying to scale the image down to same size as the rest of the project images as seen in attachment 002.jpg. Also there seems to be a colour overlay on the top image, can this be removed? Thanks in advance.
  11. I'm trying to remove both the page title and the header overlay from an individual page. I'm using the Horizon template. I've tried several different variations I've found via this forum, but none are producing results. FYI - I also have the navigation hidden (in page header code injection) via: <style> #header { display: none } </style> FYI 2 - I've tried removing this code above while testing the other title and overlay suggestions..to no avail. Thanks everyone! Love from Alaska!
  12. Hi, I need a webpage where I can place the navigation bar about 200px lower than the normal top-of-the-page-placed navigation bar, with an image above/behind it. I put in a margin of 200px through CSS, which makes the navigation bar move down... But then I get a solid color around/behind it, instead of the picture of the website background. I looked into it: that solid color background is the footer background color. How can I move my navigation bar down, without making this huge space of solid color where I can't put anything? (See picture: the orange = the space I automatically created when changing the margins of my navigation bar. But I want that navigation bar to go over the picture that you see below.) PS - this is the Stella template, but I don't really care which one I use, as long as I can get that navigation bar right (PPS - I don't care if it's an actual 'navigation bar', or a white space with buttons in it... I just need the white line with blue text you see below, without that solid background I can't change anything about)
  13. Hi, Is there a way to add an overlay to the background image on my homepage? I'm relatively new to customizing on squarespace, so any help is appreciated.
  14. Hey! I'm trying to remove the overlay color from my background images so that my background images look exactly as they should without a color overlay. When they background color is white, the image looks washed out, when it's black it's too dark. I've tried numerous code injections into Custom CSS but no luck. Help!
  15. Hello to everybody my name is Phil. My Question is how I could add a text overlay to my homepage that allows the text to remain static while i scroll up/down the page. It should be possible to click the text from the overlay. The scrolling background doesn't necessarily have to be clickable. If anybody could give me the Code for that I would be very very thankful. 😊 Attached you see two statuses of the idea. The grey boxes demonstrate images.
  16. Hello, I'm using the Adirondack template and I have a slideshow for images on a page. I like the idea of having a caption appear when I hover over the image, and have that option checked in the "Design" tab of Edit. The problem I have is I would like the text to be center aligned in the overlay (on hover). Currently, it's left justified. Note: I do see the dropdown in the "Design" tab that allows me to move the overlay (on hover) to a part of the image. Ex: center, bottom left, bottom right, etc. But that just moves the overlay's placement on the image. I'm looking to move the text within the overlay itself. Furthermore, I don't see any place to adjust the text's font, color, size, etc. of the overlay. Does anyone know have any code or steps that can be inserted to allow me to make these adjustments? Thanks so much. Cheers.
  17. Hi guys, our site (https://www.museumofplayandart.com.au/) is built on the Naomi Template (A member of the Pacific Family). I'd like to remove the opaque black overlay being applied to the banner image. I've searched the forums, tried all the code listed in various posts relating to similar matters, all to no avail. Is there code I can inject in Advanced to overide this overlay? Thank you so much in advance. Regards, Tom
  18. Hi All, I am using Haydyn template which features an overlay on all of the banners, however i would like to adjust the overlay for one of the banners so that it doesn't affect the rest of the site. Any help appreciated!
  19. Hello. I'd like to apply the same background overlay to mobile that appears on desktop when the promotional popup is active. On desktop I see the following CSS which is missing from mobile. How can I add this to the mobile CSS? .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide { position: fixed; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide { background: #0000008c; } Thanks in advance!
  20. Hi Wondered how you can replace an image when hovering over. So another image will be displayed when hovering over. Cheers! Hanna
  21. First off, I'm using the Montauk template. Basically, this is what I want: http://squarespace.com/templates. Notice how when you roll over an image it gets darker (presumably with an overlay?) and has text and operates like a click through link? Right now, what I have is this: http://davidkillebrew.net/music. I've done a little bit of searching and found some code to tweak to get to the point I'm at but it's not exactly what I want. I'd like my images to operate basically exactly like the ones on the squarespace templates page. I know this is probably not very difficult since it's literally on one of the main squarespace pages but I'm not very CSS savvy and I've not been able to find any answers on this site to my problem.
×
×
  • Create New...