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


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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. Site URL: http://nicetrycreative.com Hi, Running a 7.1 and want to figure out how to turn off the opacity tint that is being added to the Background in the Hover List page of the preset Portfolio Page. With all other pages, adding a Background has the option of changing the Opacity Overlay % but on Portfolio pages, it is missing that option and automatically adds a 12-15% overlay. I've already changed all the Opacity options in the Design but as you know, with 7.1 the opacity is never 0% (which is so frustrating and stupid) Does anyone know the code in order to change this?
  7. Site URL: https://www.mattoverboard.com/ Hi guys. As the title says, I'd like to be able to modify the opacity of my homepage header. Any extra info you need please let me know!
  8. Site URL: https://www.meganandcampbell2020.com/ Hello, I am looking to remove the gray block of color behind my logo header when a user scrolls down on my site. See attached for photos. When you are just looking at the site "home", the logo lays nicely over the background image, but as the user goes to scroll down, a gray block appears and remains there. I'd like to remove the block of color all together or change it to not have anything appear, like I have on this website. https://www.meganandcampbell.com/ Thank you in advance for your help!
  9. Site URL: https://www.realbizmoms.com/ Is it possible to change the opacity/transparency of text on an image like this website did, https://amothersmovement.com/
  10. Site URL: http://liaheinze.com Hi there –– Hoping someone can help me add a a title and change of opacity when hovering over image links in my gallery grid. Thanks 🙂
  11. Site URL: https://wisteria-panda-z2eg.squarespace.com/home Dear All, I have been researching for days with no success. is it possible to have sections with „soft edges“? By that I mean, if I have a section with black background and it overlaps with a section with an image background, can the edge of the black section have something like a transparency or opacity gradient? I want it to look like the image and black blend / morph into each other. To complicate things further, the image also has a parallax. Check it out here: https://wisteria-panda-z2eg.squarespace.com/
  12. Hi all, I'm having trouble changing the opacity of a heading background color in the custom CSS field. I'm using the code below and thought the .5 in the final line would make opacity 50%. But it isn't working for some reason I can't figure out. #block-yui_3_17_2_1_1595131393232_6522 { padding-top: 20px; background-color: #292b47; /* fallback for old browsers */ background-color:rgba 41, 43, 71, .5; } The attached screenshot is how the block renders.
  13. Site URL: https://sponge-dalmatian-cgjy.squarespace.com/ Hello all, I have a portfolio page as my cover page currently with the layout Hover: Fixed. I have icons that are supposed to be transparent as the hover images, but Squarespace is adding a black overlay on top of them. A Squarespace agent let me know that this is an known issue but that I would currently need to use custom coding to get rid of the overlay. I was wondering if anyone here could help me out? The website is password protected, the pw is 123. I've attached a screenshot of what I mean - I do not want the gray bac
  14. I'm attempting to add more contrast between the background header video and the navigation. I added the Vimeo file Selected Black Minimal theme to have a white navigation text. Added opacity filter to the video to increase the contrast The background color is displaying white and therefore decreasing the contrast. Any thoughts, or a bug in Squarespace.
  15. I am very new to all this and cant seem to find a way to center the descriptions of the images in the gallery. It appears I need to add some CSS coding. Everything I've found seems to be out dated. I would also like to know how I could change the opacity slightly upon hovering over the image. Please help or point me to the correct forum.
  16. 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; }
  17. Hello, I'm looking for some advice on how to make the background of a lightbox opaque white, rather than transparent. Thanks in advance.
  18. Hi guys I'm trying to create a hover effect whereby the image fades out and the title appears. When I hover over the title I completely lose the opacity effect! I've cobbled together some code from lots of different places on this forum so it's probably super obvious where I'm going wrong. The page url is https://damien-creagh.squarespace.com/drama-gallery Would really appreciate some guidance. Thanks! Here's the code I'm using: img.summary-thumbnail-image { opacity: 1; transition: opacity .7s; } img.summary-thumbnail-image.loaded:hover { opacity: 0.3; } .sqs-block-summar
  19. Site URL: http://www.caitlinhutson.com I have already copied a CSS to change opacity of the overlay on my posters when hovering. The code I used is the following: .image-overlay {opacity: 0; transition: .3s ease;} .image-overlay:hover { opacity: 1} It gives the effect of turning the whole block from my image to an opaque green, with the text showing in both. However, when not-hovering, I added a background color to my Title Text to make it easier to read, and I would like that background to fade out as the opaque green fades in (since the text is very visible
  20. Site URL: https://bailard-demo.squarespace.com/ Hi guys, fairly new Squarespace user here. I've started the creation of a website using the "Bailard" template (provided above) and for some reason I can't change the opacity on any of the image blocks used? Everything seems to have a tint to it that I'd like to get rid of. The Larger first image gives you an option to change it, but as you move down into smaller blocks that option is no longer available. I have very limited coding experience. Any help on this would be welcomed. Cheers,
  21. 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!
  22. Hi, I have a hyperlinked image block where I'd like for the below to happen upon hover: - Text to appear over the image - White opacity over image I've managed to get this to work using the below CSS code however it seems to have messed up the image clickthrough function. I believe the problem is specifically with the white opacity over image which seems to be disabling clickthrough function. Help! Here's the code I'm using... p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manua
  23. Site URL: https://www.kimsedgwick.co.za/ Looking to add hover text and an opaque white block on my index page - collection gallery. As it stands, the text is currently over the image permanently, I want this to only appear when you hover over the image. There is currently a faint opacity that appears when the image is hovered over, I want to decrease the opacity so It becomes a bit more white and you see less of the image. See images attached for reference. My current site and what I am looking for, the images attached of what I am looking for has a solid white block and the
  24. Hi All- I'm working to make my image title backgrounds transparent so that I can apply a section background without having a weird box: I'm using an Image Card block and found out how to make the image portion of the block and content section have a transparent background, but cannot figure out how to make the Card title have a transparent background. Happy to provide any additional information. Thank you in advance. Greg
  25. Site URL: https://www.kimsedgwick.co.za/ Hi there, Looking to make my image blocks on my works page less opaque, so that one can read the text that pops up in the centre of the block when hovered over. They currently have a very opaque block when hovered over, but I would like this to be a lot more solid. See images below Thanks very much.
×
×
  • Create New...