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

Search the Community

Showing results for tags 'css'.



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

  1. I'm on 7.1 , and I'm using one of the "headline" sections that gives you a background image with text and button over top. My issue is that by default there is an opacity: 0.15 on the image and it looks washed out. How can I set the opacity to 0 for my background image so it's full color? This code used to work: .section-background-overlay{ opacity: 0; } Now, the above opacity is crossed out and this appears to be controlling the opacity: element { opacity: 0.15; } In the HTML it looks like there are several data controller tags like: data-image-overlay-opacity="0.15" Basically, I'm unclear how to reference this in css as it's not referencing a specific class or ID. How can I set the opacity to 0 for my background image so it's full color?
  2. Hi! Does anyone know how to create a project gallery inside a project gallery page. I want to use portfolio 3 in the Brine template, love the hover effect, and then i want one projec to link to a page with clickable thumbnails (with text on the thumbnail) in masonry style that links to a project page. See attached screendump. I discussed this with the Squarespace support and they say it's not possible without coding and they don't provide that help. I'm willing to hire a designer to code/build it for me. Just need it done...HELP!!
  3. Hey, I'm trying to hide the logo and menu on a sales page in sprout, and none of the codes I've found for other themes work. Does anyone know what the CSS codes would be to achieve this?
  4. Hello all. I am currently using the Sonora Template which gives a nice banner image layered underneath the logo, so I have chosen a white logo. However all other pages are white headers so the logo does not show. How can i use a black logo and then invert or use a custom logo just on the homepage so that the logo it white on the homepage Thanks.
  5. Screen Capture2020-01-18 15_22_56.mov Hello I need some help with the CSS. Please see the attached video. Here you can see that when you hover over each image, the image falls back very fast. This css code works for squarespace 7.1 (masonry gallery image grow on hover) The zoom scaling needs a tweak or two. I need help in the css to make the image hover more smoothly when hovering over each image. /* masonry-gallery-image-grow-on-hover sqs.7.1 */ .gallery-masonry-wrapper :hover img { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s ; transition-duration: 0.3s ; -webkit-transition-property: transform; transition-property: transform; } .gallery-masonry-wrapper :hover img, .gallery-masonry-wrapper:active img { -webkit-transform: scale(1.1) ; transform: scale(1.5) ; } // end
  6. Hi Everyone, I have the Clarkson template and I'm trying to make it so that the logo doesn't do anything. The idea is that these websites will basically be in kiosk for in front of doors. Any help would be great. www.cumcwfsignage.org thank you!
  7. Hi all, I am trying to modify some custom code (sent to me a while back by an awesome forum member, thanks! @tuanphan). The code is for replacing the title text of the image block with a logo image, it works perfectly in the first two instances (in the .image-title). I am trying to modify the code to display an additional logo (100YRS in screenshot) directly next to the "Visit Timeline" button. I've attached a screenshot of the design intent. The code currently looks like this: div#block-yui_3_17_2_1_1573768565031_133210 .image-button p { visibility: visible; } div#block-yui_3_17_2_1_1573768565031_133210 .image-button p:after { content: ""; background-image: url(https://static1.squarespace.com/static/5dcc2616727c242c65b6f443/t/5e189c27af0cd62902160d3a/1578671143316/100yr-14.png); background-size: contain; display: block; width: 83px; height: 46px; visibility: visible; background-repeat: no-repeat; background-position: left center; }
  8. Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
  9. Hi, my website is: https://www.cottagecc.com/home I'm trying to make the caption overlay on the homepage image (and site wide) to be a font that I've already imported from google fonts. thank you!
  10. Hi, I have a couple of things I would like to do in terms of text overlays on an image. I am using standard image blocks with the "Poster" configuration to allow text overlays. In order of importance, I would like to do the following: 1) I would like to "Top Justify" the text that overlays three images on my site. As you can see in the screenshot below, they are being forced to the center of the image blocks. 2) I would like to increase the size of the font that displays the pricing at the bottom. I am able to make it bold, but I don't have many styling options other than that. Essentially, Squarespace only allows a Title and Subtitle font to be included natively. 3) I would love a way to add some whitespace (You'd think a simple spacer would be easy to add to an overlay). For example, some space between the description of services and the price/buy now button. Simply hitting enter allows you to preview how this would look in the editor, but once you save it automatically removes this whitespace. Are these edits possible to do? Thanks in advance to anyone who can help/offer advice.
  11. Hello, so I need to add custom html code as purchase buttons on the site, Does anyone know of a way to change position of the button? I want to make three buttons side by side horizontally but to my knowledge you can only add html code as a block so if I made three buttons, they'd have to all be vertical, which is not ideal. Thanks for your time. I attached what I want it to look like, ideally I could just replace those buttons with code exactly where they are.
  12. Hi guys. I have a problem on my website. Recently I noticed that on the header of my website the cursor override is not working. That is odd since it was working before. I'm not much of a coder, better say I'm not at all but with some googling, I managed to achieve the result that I wanted. Until recently everything was working fine, but now I see pointer cursor even on the parts of the header where there is no link or anything at all. you can check my website here https://www.aplusstud.io/ I hope I managed to explain the problem since this is not my main field of work. Thanks.
  13. Hi! I've been trying to change the button colour for one page on my Squarespace website.. I can do it for all using CSS but I can't target the specific button (or page) https://www.jfkjets.com/new-page The button at the bottom is black and I wanted to make the background colour white Thank you 🙂
  14. Hi, I am using Om Template for my website. I have bought a font that I would like to use for my site title. I have looked through the online help and am still stuck with this. I know I am on the right path because using css code I am able to change the Heading 1 or Heading 2 or Heading 3 to use this custom font.... but I just cannot figure out how to change the site title. The custom font is not available in the list of fonts available under Site Styles | Typogrpahy | Site Title. So I have added following code under Design | Custom CSS. Where am I going wrong? Any help would be much appreciated. You can view the website on : https://interiordesignstein.squarespace.com/ // Adding Leyton Font @font-face { font-family: 'Leyton'; src: url(//static1.squarespace.com/static/5d71b8d9e71af8000103a6ea/t/5e0d887f014e1a25d2e580a0/1577945215697/Leyton-Regular.otf); } //change the heading 1 font h1 { font-family: "Leyton"; } //site title does not want to change?? header h1.site-title { font-family: "Leyton"; }
  15. I have two different sites to handle two languages. ( currics.com and currics.se ) Is it possible for them to share common css somehow? I have tried having a common less file on another server and importing it via less, but it doesn't seem to work This at the top of my custom css: @import url(https://static.currics.com/css/generic.less); just gives me an error: Cannot read property 'href' of undefined. Not sure about if I will end up in Cross-origin problems later but the error comes before that, in the editor. Shouldn't this be possible?
  16. Hey there, I'm wondering how I can add an interactive email sign up box to the header in Brine. Please see screenshot attached (Governor's Ball) Alternatively, I could do an 'additonal' header/nav bar on top of the normal header/nav bar. Example attached (Bonnaroo). Thanks in advance for taking the time to read my question! Website is: https://apple-corn-kj4j.squarespace.com/config/ Victor
  17. I'm using the Brine template and my homepage is an index page with the first part of the body being a gallery page in slideshow format. I'd like the slideshow to be in a random order every time somebody visits the page. I have gallery blocks on other pages that I don't want to end up randomized. I found this plugin offered by SQSP Themes that says it can randomize the image order in gallery and summary blocks but I don't think it's applicable for me since I would like it applied to a gallery page and not a gallery block. I've reached out to them for confirmation on that. Anybody have any ideas on how I can achieve this?
  18. I'm trying to add a 1px border to some of the images and the changes would be visible while I'm editing but, as soon as I refresh or navigate to another page, they'd not be visible anymore. For example on the attached image of this Homepage component. The code I'm writing is looking like this: div#yui_3_17_2_1_1579085870035_321 { border-left: 1px solid black; } Is that something I'm doing wrong? My site (running on 7.1) : https://pelican-chiton-xwy4.squarespace.com/
  19. Hi community, I'm using a custom font and I've been able to change the h1,h2,.. styles into the correct font with CSS...but I can't do the same for the product titles. I need urgent help. Thanks in advance!!
  20. I want to know how to incorporate a zoom and pan/move function when you hover over an an image. Like this example: http://herner.co.uk/works/2579/
  21. I am looking for a way to force summary blocks to display 3 thumbnails per row along with their excerpt for mobile screens. Does someone know how to accomplish this? I have the summary block on the page below: https://www.dothingsnyc.com/journal Thanks, Josh
  22. Hey there, finishing up this site - https://www.scotthowardmusic.com/ - and having issues using custom code to insert a new background image on the mobile version only. I can't seem to find any resources linking to the actual code needed and am lost on how to go about it. Let me know if it need to include anything else!
  23. Hello! I'm working in the Brine template. I'm trying to change the color of the text box for the title and description for images in a slideshow. The default looks like a transparent gray, but I'd like to change it to a custom color. Any tips would be appreciated. I found the code below, but it also changes the transparency of the text as well - .sqs-gallery-block-slideshow .meta .meta-inside { background: #e76120; opacity: 0.2; }
  24. Hello, I believe that other users also notice that squarespace load too many fonts than what it configured and show on "fonts on my site". The only trick that I’ve found to override it- is using adobe typekit. So now my site loads only the font and style that I set to it (two fonts). The build in option to use typekit in squarespace uses javascript. Now days (for few years) there is an option that adobe offer for typekit users to use the kit as css (inject to html or @import). I’ve tried it and it does make things quicker and with better results on website speed tests as google insight and others. But here is the problem – after few hours of disabling js of typekit – squarespace again started to load lot of fonts for no reason. So, what I want to ask from squarespace is simple – first stop to load unnecessary fonts that aren’t shown in site style as fonts in site. The second thing is to replace javascript of typekit with css loading of typekit. Where I can ask officially these features?
  25. 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!
×
×
  • Create New...