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

Search the Community

Showing results for tags 'opacity'.



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
  • Squarespace Forum Club Guidelines's Topics

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 17 results

  1. I'm trying to change a text blocks background color and opacity using this css: #block-yui_3_17_2_1_1583796715032_20149 { background: #f0f0f0; opacity:.5; padding: 50px; } BUT the change in opacity effects the text as well, which I don't want. How do I isolate just the background opacity so that the text stays solid? UPDATE - I figured it out, had to change HEX to RGBA.
  2. Site URL: https://www.familievejlederen.dk/ Hi all, Sadly I find myself in a situation where navigation on mobile in version 7.1 doesn't work properly with anchor links. I know more people have experienced this and there's still no fix from Squarespace. As I would hate to make a redo of the site and hope that Squarespace will fix the error soon, I want to make a "quick fix" being changing the opacity of the mobile menu background. As I have NEVER played with custom CSS in Squarespace (they say I shouldn't up to now .. haha) I need a little help. Is there any of you who can show me the bit of custom CSS code that can be used to change the opacity of the mobile menu background in version 7.1? Thank You, and if others have experienced the same error with anchor links and mobile navigation in version 7.1 I'd like to hear what you've done to fix it. Best regard Maija https://www.familievejlederen.dk/
  3. 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; }
  4. Site URL: https://www.patsimpsonart.com Need some help with some CSS to change hover colour and opacity 7.0 Flatiron Password: T3mppass!
  5. 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; }
  6. Does anyone know how to change the opacity of the overlay on images?? A few people seem to have asked here but no answers yet...any help would be great!
  7. I'm experimenting with banner opacity. I'm also interested in providing some shadowing under images and other text boxes. Thoughts? www.thehouseofdavid.org
  8. 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!
  9. 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
  10. Hi. I'm attempting to change the opacity of my banners on mobile as the parallax is falling too far behind the text and making it difficult to read. Can anyone advise a CSS injection that would change the banner opacity on mobile only so that the banner is more faint? Many thanks in advance,
  11. Under colors > sitewide > background overlay I can set the color to black, but is there anyway to make the overlay darker? I need something like: background: rgba(0, 0, 0, 0.7) And cannot find the element to change in inspector tool. This functionality existed with 7.0 iirc.
  12. I would like to have a nice white bar at top with title and navigation in black visible on top of white background - It appears to have the opaque white bar but then when viewed full screen on a desktop view it has transparent box and type/navigation is not legible. alt text
  13. Hey guys, I'm trying to change the opacity of the white background on Polaris theme so my image shows up on the full background like it does on my homepage kelbyray.com. An example is kelbyray.com/tc3, im looking for CSS to make the white background transparent, all it seems I can do is change it's color. Any info appreciated! Thanks.
  14. 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-summary-v2 .summary-item .summary-title { transform: translateY(-10%); opacity: 0; transition: transform .6s ease-out, opacity .5s; hyphens: auto; text-align: center; position: absolute; left: 20%; top: 50%; width:70%; margin-left: auto; margin-right: auto; } .sqs-block-summary-v2 .summary-item:hover .summary-title { transform: translateY(0); opacity: 1; text-align: center; position: absolute`enter code here`; left: 20%; top: 50%; margin-left: auto; margin-right: auto; width: 70%; hyphens:none; } .sqs-block-summary-v2 .summary-item .summary-title a { font-size: 1em; z-index:20000 !important; font-size: 140%; color: #2a2a2a; display: block; }
  15. Hello, I try to use a new template (FORTE) but I cannot manage to have a real white background when I use a lightbox with my grid style gallery block. Yet, when I check light overlay in the design gallery, it's not a white background but a transparent background that appears... But I try to have this : http://www.gafsou.ch/ether/. Here, you can see on that lightbox that we don't see the website in background but only the picture. Is this possible with code or am I using the wrong gallery block ? Thank you !
  16. How would I go about changing the background opacity of a content block? This is the current code I have in the CSS Editor: #block-4e5265faf96ce435b6ce { border-style: double white 10px; background-color: black; opacity: .3; padding-top: 20px }
  17. How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance!
×
×
  • Create New...