Search the Community
Showing results for tags 'custom-css'.
Found 531 results
-
Site URL: https://www.brandistanley.com Is there a way to add additional fields to a promotional pop-up? I'd love to just collect First Name & Last Name data (separately) for my popup, which currently only collects email addresses. -
Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?
-
Site URL: https://www.monumentreleasing.com/pahokee-virtual-theater-main Is there a way to remove the gray box behind the newsletter sign up input and button? And also to completely remove padding so that the email address and sign up button will be directly below the "Sign up below..." text? It would only be for this one page, rather than the whole site, as I still want to keep the gray box for the rest of the site. Attached screenshot below. Thanks! -
Custom text formatting for product titles on shop page?
jamierpond posted a question in Coding and Customization
Site URL: https://www.weloveraw.co/shop Hey guys, I've been trying to get this custom bit of code working where I want to format my page like the product on the LEFT of the image attached. With the product range in bold, followed by a line break <br>. I cannot for the life of me work out what to do. The text in these boxes isn't seeming to respond to any CSS tag like p, h1, h2 like other text on the page does, and I have no idea at present how to insert the line break, or even how to make it conditional. I made the image below by editing the HTML directly in the Chrome inspector. Thanks in advance if you have any ideas! Jamie -
Site URL: https://cosmolot.foundation/ Hi all, Please tell me how to change header color for all blog posts (not on the blog navigation page) example of blog post: https://cosmolot.foundation/research-and-regulation/our-demands Thanks for your help! Nikita
-
Site URL: https://www.hivemusic.com/ Hi Guys, I'm having trouble with a custom font. It seems to look ok on my browsers but other people are seeing the wrong font. The website is www.hivemusic.com The top Nav and the subtitle in the homepage banner are the culprits. I've attached 2 screen grabs one labelled correct and one incorrect so you can see the error, any help would be hugely appreciated!
-
I am currently building a page which uses the relatively new CSS feature: snap scroll. I have defined a container for my sections and set "scroll-snap-type: y mandatory" and for each section a "scroll-snap-align: start". I've tested this in an isolated example (ie an editor in my system) and it works but does not work in squarespace. Is this feature not supported yet?
-
Hide mobile nav/hamburger menu with JavaScript in 7.1
TQM8 posted a question in Coding and Customization
I am code-injecting JavaScript/jQuery to build a smooth-scrolling, hash navigation for a fixed-top menu bar in Squarespace 7.1 (so no template). The scrolling works great on desktop; on mobile it works too, with one exception. The navigation tray stays visible on the screen after clicking a link. So the page scrolls behind the open menu and it must be closed to return to the site. This is confusing. The plan: close the nave menu with the smooth-scrolling script. Here are the steps used to make it disappear (including code for specificity). Remove the "header menu open" class from the page body. This re-hides the menu. $('body').removeClass("header--menu-open"); Remove the "x"-shaped styling from the hamburger menu, returning it to a "=" shape. $('.burger').removeClass("burger--active"); Remove the "hidden" HTML5 attribute on the <span> inside of the hamburger button's "open me" state (the "="). $('.js-header-burger-open-title.visually-hidden').removeAttr('hidden'); Add the "hidden" attribute to the hamburger button's "close me" state (the "x"). $('.js-header-burger-close-title.visually-hidden').prop('hidden', true); The problem: Everything appears as it should visually on the page, as well as the changes in the web-inspector when opening/closing the nav tray normally. But at this point the hamburger menu (in "=" state) requires an extra click to open the menu as it normally would. One click to trigger something(?) and a second to open the menu. It seems Squarespace does not recognize the added "hidden" attribute from step 4. Does anyone know why that is, or where to start looking? I have had trouble with odd AJAX calls during page reloads, perhaps that is a hint. As this is beyond my knowledge – especially of 7.1 – any advice, direction, or thoughts are appreciated. -
Site URL: https://www.cianfranicoffeeroasters.com/order-coffee?category=Indonesia I'd love to be able to change the SALE button background color. I'm not crazy about the black that comes with the template. You can see an example here on the category page: https://www.cianfranicoffeeroasters.com/order-coffee?category=Indonesia As far as size goes, that is fine. But I'd love to replace the black with something more eyecatching. On the product page, it's too small. I'd like to make it bigger and change the color: https://www.cianfranicoffeeroasters.com/order-coffee/sumatra-mandheling Any suggestions?
-
AutoPlay on Lightbox slideshow - Wexley template
mdavis501 posted a question in Coding and Customization
Site URL: http://mdavisphoto.com I use the Wexley template. The main purpose of the website is to show images. It's a hobby site, not one for selling (at the present). When the url of my site is entered it opens up to the "Bird" page. which is one of several different photo topic pages. If the viewer clicks on an image it opens in what I think is called a lightbox (although it doesn't seem to dim the surrounding space). I'd like this image to then autoplay and scroll to the next image and the next (and stop on mouse click, and resume on mouse click). I contacted Squarespace support and they said that this template will not do that. Is there a workaround that has been found or should I change my plan from personal to business and add custom code? -
7.1. Added a tagline under title, using custom css. All good with colour, size, but font weight won't respond to any changes I make. I tried changing it to font-weight !important but that did nothing either. Please advise. a#site-title:after { content: "wax | silver | gold"; display: block; font-size: 15px; font-family: proxima nova; margin-top: 15px; font-weight: 500 px; text-align: left; color:#959595; text-transform: lowercase; }
-
Site URL: http://www.ianjameseyre.com/testimonials Hey guys Have searched around and have not found anything that works, so far... I'm looking to remove the - (dash) from the quote source block. I've styled it how I want but for some reason haven't found out how to do this. The youtube video that comes up when searching for this shrinks the size of the first letter to zero but that isn't working for me. ::first-letter, etc hasn't been having any effect. Any help would be much appreciated. Thanks!
-
Hi, i have created a custom footer for my email orders and i would like this footer only to appear on the order confirmed and fullfilled emails and not on the refunded order email. Do you know if this is possible? Or do you have any tricks to create different footer for each emails? Could you please help me Thanks a lot
-
Site URL: https://www.lonelyriot.com so i have two custom fonts that i want to use on my website. one is red and one is white. i need the white font to be everywhere but in the navigation menu and the red one only in the navigation menu. i already put the white font into custom css and it worked good. now i only need to add my red font to the navigation menu but i dont know how to code that. please help.
-
Site URL: https://aam-web-sample.squarespace.com/ When my site is viewed on a tablet the navigation overlaps with my social icons and button. Is there a way I can force my navigation to go to mobile/hamburger view when being viewed on tablets/ipads?
-
Hi! I have several buttons on the same page and I would like them to be different in background color and font color. So; how can I switch a single buttons background color and font color?
-
Site URL: https://www.jimisaband.com/ Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this? website is jimisaband.com The template I used it Kitui, a 7.1 template
-
Site URL: https://www.adamhyattphotography.com Trying to add a custom icon to a social link on my site. I have the .svg vector file. Need to know the CSS code to use, as I don't see any other way on the site or on the forums so far.
-
Hiding price, quantity and Add to Cart in ONE STORE on 7.1
wsmedia posted a question in Coding and Customization
I have a site with TWO DIFFERENT STORES in it. Using squarespace 7.1 In only ONE OF THE STORES, I need to hide: the price the quantity box the Add to Cart button Please help! I will need to know the exact code and WHERE to put it in a squarespace 7.1 site. Everything I have tried has failed and mostly of what I find is only for sites NOT on 7.1, ie NOT using templates. -
I am using this code: .sqs-add-to-cart-button, .product-price, .product-quantity-input, .quantity-label, .floating-cart,{ display: none !important; } to removed the price, qty/box, add to cart button and the shopping cart at the bottom. But my site has 2 different stores and I want this code to ONLY affect one of these store pages and not both. I will need the specific code and the location it goes to using 7.1 only - no template answers please.
-
I've noticed an unusual problem: the line-height for my text is different in Overlap Image Blocks than it is across the rest of my site (it appears to just be overlap blocks, not other image block types.) Turns out something is applying a line height change, but I didn't add this! line-height: 1.5 !important; How do I target all overlap image blocks in my site with css, so that I can customize the line-height in a way that overrides this? I tried the following with no success: .sqs-block-image .design-layout-overlap .image-title { line-height: 1.2 !important; }
-
Hayden Template: Is there custom css code to add a banner image to a gallery page OR make a block gallery to have the same aspect ratio (in auto) on a regular page? Hi there! I love the layout of the gallery page on Hayden where all the pictures are placed in their natural size (selected "auto" in aspect ratio of style guide of gallery view). However, I'd love to add a banner to the gallery page to keep a nice flow throughout all the pages. I've created a page and added a gallery block to include a banner, however, the grid changes and crops all the images to the same size. Does anyone have a css code that would allow me to add a banner to a gallery page OR create an un-cropped gallery block within a page? I've included images to show the gallery auto grid vs the block gallery grid. Thank you so much! This is the gallery grid I'd like to accomplish on a regular page: vs BLOCK gallery view: -
Changing the background colour on 1 page
blackdenimcreative posted a question in Coding and Customization
Hi everyone! My client chose black as the background colour for her site, then wanted to make 1 page with a white background. I found the following CSS and it worked for the SHOP page (I found the collection ID using a block identifier) #collection-5e716b64dbe03d1298fe5ab0 { .Main { background-color: #ffffff; } } My client now wants to change the background colour on the CART page to white. The block identifier is giving me "CART" as the identifier and when I add this to CSS, it does nothing:( #cart { .Main { background-color: #ffffff; } } Does anyone know how to change the background colour on the CART page? (also, just an fyi I've checked off the "Use Light Color Scheme" option in commerce and it's not impacting the CART bakground.) Thank you!! Jenn -
Site URL: https://www.pcr-global.com I've set up SentryLogin using the method they provided (footer code injection) but this has knocked out all of the Custom CSS on the site - custom bullet points, clickable images fading when hovered on etc. Can anybody please, please help trouble shoot this?
-
Site URL: http://www.lifechuchak.com First, Squarespace please note that justify should be a standard feature in typography! Second, I've done this in the past with other templates but for some reason I can not get text to be justified in this template outside of the Google Chrome browser (specifically Safari). I've tried everything I can think of using inspector to throw in different wrappers and such, but I must be missing something. Any ideas?
