Search the Community
Showing results for tags 'custom-css'.
Found 305 results
-
Is there a way to make my homepage so that it doesn't scroll? There's not much content on it, but it still scrolls a little. Is there a way to do this through custom CSS (preferably not header injection)? Here's the test page: https://www.nateburdette.com Password: gogogadget Template: York
-
I was wondering if there was a way that I can make the newletter blocks in my blog posts full width. On the main pages of the site they are, because they are sections not blocks. But I was hoping there was some code that I could put in that would make it look like the ones on the main pages. I was also hoping I could make the newsletter section a bit longer (more grey on either side of the text) like the main pages. My website is modernlifeau.com An example of a blog post - https://www.modernlifeau.com/living/new-years-resolutions Any help would be greatly appreciated 🙂
-
Hi, I decided to use squarespace instead of wordpress this time since I didn't want to mess around with coding. I have a portfolio for which color accuracy is very important and just realized that the style Carmine I'm using is adding a very faint overlay on some of my images. This only happens when I add images, galleries are not affected by the issue. There is no simple switch to turn off this overlay so I'm wondering what CSS code might help me with this. Note: I do not want the overlay on any of my pictures so it's fine if it gets disabled completely.
-
I want text to wrap around images instead of leaving that open space underneath it. How would I do this? I've included an example screenshot of what I want to change.
-
Hi, I need some help. I am trying to upload a font called Groovy Script. It's an otf file. I keep getting a message saying Syntax Error Line one. https://static1.squarespace.com/static/5e2f2f77698aac1386f75f1f/t/5e2f3f686a21485ff5ee041b/1580154729764/Groovy+Script+(1).otf
-
Appears to be an issue in the design of the "Montage" cover page when you click to sign up for an email/newsletter. Looks like a black lightbox pops up in the background up yet all the text is covered and you can't see anything (see attached). I tried sifting through the ridiculous amount of CSS and can't find the selectors/ID etc... to change it. Does anyone have any first hand knowledge on how to fix this? Thanks!
-
Sorry if the title is confusing. I have a yoga studio client who has two locations. They would like the site to start from a landing page that gives you the option to click into either location. The user will then be given either version of a full identical website, with differing information on each page. Each of the identical sites will have a homepage and navigation. In order to keep this all on one domain rather than two, I'll need two separate main navigation bars - where I can decide which pages my nav of choice will appear on. Please help -
Custom CSS *after* disabling mobile styles
stephanieberbec posted a question in Coding and Customization
Hey guys, I submitted a similar question yesterday that was a bit more specific... today's question is more general: is custom coding for mobile possible in Squarespace *after* disabling mobile styles for the template? This is incredibly frustrating and I'm trying to find a work-around. I want the site to appear on mobile as it does on desktop, except a few minor changes, such as increasing the size of navigation. Nothing I've tried works. Does mobile styles *have* to be enabled in order for custom css to work? This makes no sense! I appreciate any feedback. Thanks! -
Hello, I am trying to customize my index gallery so that there is a split screen with content and colored box to the left and image to the right. For some reason my Impact template is not reading the code I have tried from a few css blogs. Can anyone provide code for this that works with Impact?\ https://lion-flamingo-ctfj.squarespace.com/ Thank you!
-
Does anyone know how to create an image hover effect where upon hover, there is a solid background with text? Example: https://www.designhill.com I don't need the icons or anything, just would like a color block with text upon hover. Is this possible with Squarespace css? Anyone have the code for it by chance?
-
How would you add an image background to a footer in Brine?
-
Hello, I'm looking for a quick couple of tweaks to my site (www.jayclulow.co.uk) on the page Gallery Block 2 I'm using a Gal block but I'd like it to span the available width of the window. The site width maximum seems to be 1800px and I'd like to overwrite this if possible. Also I'd like a tweak when using a page set as a gallery that the image is cropped to maximise height. So to avoid this happening in small browsers where the image impact is lost Thanks in advanced.
-
Allow pinch-to-zoom for Lightbox images on mobile?
Glenno posted a question in Coding and Customization
Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you! -
is there any code to customize a clickthrough url in galleries for Jasper. Seems like the only possibility is to imput a description under "content" then turn that into a link. But that is not very elegant and I want my gallery images to be links to other pages, preferably image blocks. -
Maximizing header in Adirondack template with CSS?
AnnaPM posted a question in Coding and Customization
Hi, I use the Adirondack template and want to maximize the header width (only the header width) to full screen, for all pages. Since the Adirondack template has a maximized width, I assume I need custom CSS to make this adjustment. Anyone tips? (click image; the background is white so only when clicking can you see the current width) -
Hi, has anyone solved how to style ol list numbers in Squarespace? I can not loose the default numbering, code adds new style of numbers but they all show content as 00 and not the correct numbers in order. Also block code changes to: data-rte-preserve-empty="true" Code below: ol { list-style: none; counter-reset: my-awesome-counter; display: flex; flex-wrap: wrap; margin: 0; padding: 0; } ol li { counter-increment: my-awesome-counter; display: flex; width: 50%; font-size: 0.8rem; margin-bottom: 0.5rem; } ol li::before { content: "0" counter(my-awesome-counter); font-weight: bold; font-size: 3rem; margin-right: 0.5rem; font-family: 'Abril Fatface', serif; line-height: 1; } .sqs-block-content ol { list-style: none; counter-reset: my-awesome-counter; display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .sqs-block-content ol li { counter-increment: my-awesome-counter; display: flex; width: 50%; font-size: 0.8rem; margin-bottom: 0.5rem; } .sqs-block-content ol li::before { content: "0" counter(my-awesome-counter); font-weight: bold; font-size: 3rem; margin-right: 0.5rem; line-height: 1; } ol[data-rte-list] li>*:first-child::before { display: none; }
-
Does anyone know what code I need to use to change the font of a FOLDER in the main navigation to a custom font? The font is working, and the css code I have works for the navigation menu, but only the ones that are not a folder. Many thanks for your help! Isabelle -
Display Video Title/Description in Lightbox Viewer
JamesGriffith posted a question in Coding and Customization
How can I display a videos description and title in the lightbox viewer for a grid gallery? Can't seem to find the right CSS to target it. -
Hi All, I’m a filmmaker with little CSS experience, trying to add festival laurels to the bottom of my home page. I’m using Gallery Grid with the 4x across design and adding more as I go. I had used a custom CSS over the summer to dynamically adjust for mobile and iPad, but since adding a new gallery underneath (same design), the new row no longer retains the same formatting and becomes 2 x 2 and oversized, when compared to the top two rows. I also tried just editing my original gallery but the option to upload new images to it seems to overwrite my original gallery, so I figured I would just make a new one underneath. If anyone can tweak my CSS to allow me to (continue) adding laurels to the bottom with the same dimensions, I would be eternally grateful! https://www.followmyth.com/?noredirect pw: jpsmithx Brian -
Hey, I am trying to change the background color of one specific page on the Marquee template...any suggestions? Thanks
-
I got this code for animating my header. But, for some reason it works with H2-3, but not my H1. The code is below. I think there is something going on with the custom css on my site. Can someone take a look? // GIF Text // h1 { background: url(GIF-URL-HERE.gif); background-size: cover; background-position: center; -webkit-background-clip: text; color: transparent; }
-
Bedford template, stretching Index content to full width
Sylva8787 posted a question in Coding and Customization
Hello, I'm currently using the Bedford template for my website (non published yet) and can't figure out how to strech my index pages and folder pages' images to full-width. In the Custom CSS code I added to the Design > CSS Editor panel the following: // Page Side Padding #page, #content { padding: 0 !important; max-width: 100% !important; } // Image Padding .sqs-block.image-block { padding: 0 } This code worked great on all of my pages, except for the index ones (the content and gallery blocks remain centered with huge left and right blank spaces) and the images of my folder pages aren't full-width either. I am no expert at all so my apologies in advance if I'm not being clear. The Bedford template doesn't have specific tweaks to regulate the sizes and padding of the pages Thank you for your help :) -
Hi, Is there any way I can show only selected categories on the website menu? and is there any way to change the categories order?
-
Change font within the footer on Brine template. CSS code?
EdStemp posted a question in Coding and Customization
https://megalodon-rose-khl5.squarespace.com Im trying to change the font style within the footer but think it would need to have custom CSS any advice? -
Hey folks I have many rows of image stack blocks here https://www.hosetechnologies.com/industrial-rubber-hose-products What I am trying to do is have them so that each image stack block is the same height across the row I have tried adding paragraph returns etc but it is just a bodge. I have found this post below but can't figure out how to target a row and then the individual columns within the row. Any help on how to target a row and then make them all the same height would be greatfully appreciated. Tom
