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

Search the Community

Showing results for tags 'opacity'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.moderndifferent.com/ How can I add an opacity hover effect for all image blocks? Thanks.
  2. Site URL: http://laurenkilbane.com Hello, I'm looking to add a hover effect to my block images, something that will create a color/opacity overlay on to the image when a visitor hovers over it. I have a caption displayed underneath that I want to leave visible at all times (so this overlay would be separate, just for the image). I've noticed it's especially hard to tell that these images are linked when viewing my site from a mobile device. Not sure if my template allows for customization like this, but any advice would be greatly appreciated. Thanks!
  3. Site URL: https://www.alexcosseyphotography.com/ Hi there I'm brand new to anything CSS related and have previously survived entirely within the limits of Squarespace's basic customisation. In a previous build of my website I was able to adjust the opacity of text box (I think it's called a Dynamic-Text-Container in CSS) that overlaps the image of a Collage image block. Since the introduction of the new Site Styles ta I can't work out how to adjust this. Currently my text box is completely opaque and I would like to see approx 50% through to the image underneath; is anyone abl
  4. Hi! I am struggling to figure out how to have an image darken when the mouse hovers over it, rather than lighten to the color of the background. I'm working in the Forte template, into which I Frankensteined some code pieced together from various other forum posts and need some help with how to edit it so that the image darkens on hover(like this: http://demo.squarestud.io/grid-gallery-9). I'm pasting the code in use on the site below. Please help me, this is my first foray into code and I am totally clueless! Code: .sqs-gallery-block-grid .slide .margin-wrapper:hover a.image-
  5. Site URL: https://www.partners.forme.yoga Hey everyone, I am trying to change the overlay opacity of my background image, during a mobile screen size. When the black text is over the top of the picture, I would like the image to have a higher percentage overlay opacity. In desktop mode, its ok, as the text is over the white portion of the image. Can a CSS code fix this? https://www.partners.forme.yoga Matt
  6. Site URL: http://islaskincare.com Hi there, Rright now I have a mobile slide out menu on my website http://islaskincare.com. I've attached a photo to show what it looks like as of right now. I'd like to add opacity and darken the content behind the menu (when the menu is opened) so the user can focus on the menu and navigational links. Right now there's no clear differentiation between the menu when it's opened and the page content. So far I've just used CSS to make the menu. Thank you!
  7. Trying to darken the opacity when I hover over images on my portfolio site. Currently the opacity is too light and my title text doesn’t mesh well with my images. (See attached screenshot - Drew League example). Possible to do so? Any help is much appreciated!
  8. Hi, Can someone please tell me how to adjust the opacity of gallery background you can see in the attachment? Also, is it possible to move the naviagation to the top of my site rather it being in the footer? Thanks Steve
  9. Site URL: https://shopthebreak.com Hello, I need help making my header fully transparent. I want the logo and navigation to be visible while the background is transparent. However, my homepage is a products page, and I can't figure out how to code the header as ALWAYS transparent. Right now its transparent for about a second before it take on the site's background color.
  10. Hi everyone, an organization I'm helping out requested for their donation box to be made slightly transparent. Here's the code for the iframe, from Donorbox: <script src="https://donorbox.org/widget.js" paypalExpress="false"></script><iframe allowpaymentrequest="" frameborder="0" height="700px" name="donorbox" scrolling="no" seamless="seamless" src="https://donorbox.org/embed/ihraf-support" style="max-width: 500px; min-width: 250px; max-height:none!important" width="100%"></iframe> I tried to set up a div element within the code block and go from there, but I
  11. Site URL: https://reindeer-sailfish-bkep.squarespace.com/config/ Hi, I have two lightbox related questions: 1. I would like to have a fully white background behind the image when lightbox is open - currently it is transparent (screen shot attached), I have found some Custom CSS code from 2013, but this does not work anymore ( I am not doing it correctly) - anyone have any suggestions? 2. Is there any way to have comments on in lightbox - but not when it is in gallery format? Currently it is the inverse. Thank you. Beanie
  12. Site URL: https://tarpon-lavender-jbyy.squarespace.com/ Password to the site is: TEMP I'm having problems making the header opacity appear semi-transparent. The options when editing the header are simply solid colour, or fully transparent. What I'm trying to achieve is a semi-transparent header, that has an opacity of 50%. The site is on the Eldridge template, so Squarespace 7.1
  13. Hello, i need help and not sure if this possible but i'm giving it a shot. this is for my portfolio site on 7.1 I have a gallery reel with multiple projects inside of it on my HP...I want for all the entire reel to be highlighted with colored opacity and type so it indicated the entire reel is one section. i attached two images to show what i mean. please help! thank you Sam
  14. I have an issue with the effects of one code displaying only when I go to Design --> Custom CSS. It has to do with this code specifically, which creates a translucent-white background for text in a specified block: #block-848b3e4b0bc6ae27ccc5 { <---- my block ID background-color: #f0f0f088; padding: 1px; text-align: center; } Any ideas what went wrong?
  15. Site URL: https://www.jjsavea.com/ How do I make my header only ON the home page semi-transparent? I couldn't figure out how to adjust its opacity. Ideally, I'll like to have its light black that blend well with the image. I have it set to image overlay... Not sure what else I can do and I browsed other posting but it seems it doesn't work on my custom css. I'm using brine template.
  16. Site URL: https://jordandixon.co Hey there, I would like to know if it's possible to change the opacity/color of my 'Contact' button when on other pages. opinion: I like the bold red on the home screen, but on the 'work' and 'play' pages I find the bold red rather annoying. See attached photos... I'm using the Foster template Thanks!
  17. Site URL: http://www.tsvetienlow.com/portfolio I am having issues with the default image opacity applied to images on the portfolio hover feature. (screenshot attached) I found multiple threads that articulated the same issue I am having, and the custom CSS provided as a solution isn't working for me. I've added the custom CSS in Home > Design > Custom CSS, but the issue still persists. Has anyone else had this issue persist? Any solutions/ideas you'd recommend?
  18. Site URL: https://www.andreamelania.com Hello friends! I'm currently in the process of updating my online portfolio, and I want to adjust something that's been bothering me: the opacity when you hover over the gallery grid in my index page on the flatiron template. There isn't an option to adjust said opacity in the template's design tools, so I'm thinking I'll need help with custom code. I'd like to make the hover color more opaque to make the project titles more visible without having to stray from my brand colors. Can anyone help? I've done my fair share of googling and combing thr
  19. Site URL: https://www.shineyouth.org.uk/ I would really welcome your help. I have been asked to ensure the image on Shine Youth's homepage does not cut off the young people's faces. It has been created with the 7.0 Bedford template. In order to achieve this I was looking to undertaking two things: 1. Add opacity to the header navigation (1st & 2nd images) - In the Bedford template you are only able to have full opacity or none. I need to be able to edit the CSS so that you can see the image below and still read the header navigation. 2. Use more of the space above
  20. I'm adding a short video to my site background. I'm using the Opacity filter at 35% and placing the video over a dark blue background. When editing, it looks great. As soon as I save the work and return to the main dashboard page, the background color defaults to white. The faded video still runs, but as I'm using white text, the white background renders everything just about illegible. Don't see any obvious reason for this happening, and the fact that things look as intended when I'm editing makes me think there's some kind of glitch in SquareSpace. Can anyone recommend a fix o
  21. Site URL: https://geiringerphotos.com/about-me Hello all, I am currently trying to add a parallax scrolling effect to the linked page. But squarespaces default white background is covering it for some reason. You can see my custom background above the header, but the rest is covered by the white. I'd like to make the entire background my custom image. Any help would be appreciated!
  22. Site URL: https://grouse-seal-j62k.squarespace.com/home-1 Hi there, I'm hoping someone can help, I've currently added a background color so that the text can be visible over the background video. However, I'd like to change the opacity of the background WITHOUT changing the opacity of the text. The CSS I'm using right now does both. This is what I have currently used. #block-d325a806d44c4257f1d4 { background: #000000; opacity: 0.5; padding: 5px; text-align: center; } Any help would be appreciated or if you have an even nicer looking way to do this (like say, with the big rec
  23. Site URL: https://elk-flamingo-2j9s.squarespace.com/config/help Hi everyone My landing page image is to bright and I would like to have the header slightly more opaque so it gets easier to read the menu. Could you please let me know how I can do this and making sure I just change the opacity on this specific page? Thank you
  24. Site URL: https://dog-wolverine-3b53.squarespace.com/config/ Hello everybody, it would be very nice, if someone could help me in customizing my websiteheader. The function of the header should be like at the following website: www.riedel-immobilien.de. So when I scroll down it should become a little smaller in height and switch from transperent to a colored background. Different to "riedel-immobilien" starting the website the background of the header should not be transparent, but having an opacity of approxmately 30%. Scrolling down the opacity of backgroundcolor of the header sh
  25. Site URL: https://coverkitchen.com/ Hi, All I am using version 7.1 and have come up with a good way to add a secondary gallery to facilitate navigation in a portfolio section, but need help to refine it. As you can see from the screenshots (Screenshot #2 illustrates what I would like to do) on the subpage of a portfolio section, I have added a secondary gallery section that replicates the portfolio section page. This gallery replaces the navigation arrows, with a far more practical and visual way to navigate through other projects within the same portfolio page, book covers in my
  • Create New...