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

Search the Community

Showing results for tags 'customcss'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 10 results

  1. Site URL: https://holisticbirthandyoga.squarespace.com/ Hi there, Wondering how I reduce the size of the top and bottom of my header on Degraw template? I'm able to do the top but not the bottom. The site URL is https://holisticbirthandyoga.squarespace.com/ and the password is 'mindbodyseva'. Here is my code: #header { margin-top: -10px !important; } Thanks!
  2. Site URL: https://holisticbirthandyoga.squarespace.com/ Hi there, I'm an amateur coder so I can't say for sure - but it seems like Squarespace's updated templates don't have collection ID's like they used to? I'm trying to change out the backgrounds on certain sections throughout the site i'm building for a client. The Custom CSS code i'm using isn't changing anything - can someone help? The template I'm using is DeGraw. The site URL is https://holisticbirthandyoga.squarespace.com/ and the password is 'mindbodyseva'. And here is my current code: div#yui_3_17_2_1_1582161363093_67 { background-image: url("https://static1.squarespace.com/static/5e47144cdeb0101ed01307c5/t/5e4db9345e0c794068e4a3ab/1582152001491/Background_V1.jpg") } As a follow up question - Above I'm trying to switch the background to a whole new .jpg, but if someone knows how to code in transparent .pngs that lay over the default Squarespace background color, the code for that too would be very helpful. I feel like the background may have a chance of being more high res that way. Thanks so much for any help you can offer!
  3. Site URL: https://www.marcabel.dk Hello Squarespace Forum, So i lately decided to make a web portfolio to promote my graphic design material, but i am pretty new to squarespace.. So i have used this portfolio website template, where there was a page to my work and a page for my contacts. So under my work page i have like 14 subpages, and i rly want my logo in white on all my subpages.. but when i change my logocolor on just one of my subpages, all the logos change... I rly want my logo to be black on my main working page, and then white on all my subpages Can anyone please help me out? I have tried every code there is on the internet, but without luck... I have made a few screendumps of my page structure, so u can see a bit further on how its all put together. My website link: www.marcabel.dk Kindly Regards, Marc Abel
  4. Hi, I'm using custom CSS to add a colour overlay on images using the thread here. Everything works perfectly except the coloured box is leaving a strip of the image exposed at the top. Can anyone see what could be causing it? It happens on images of different proportions / sizes. Thanks a lot, any help would be much appreciated! Imogen
  5. I am trying to embed a Hubspot CTA on my page. However, when the mobile menu kicks in, the button gets pushed. I've tried a few different @media queries but they haven't worked. Video below shows this. Any help is appreciated, thanks. Screen Recording 2019-12-18 at 9.26.06 AM.mov
  6. Fellow Forum members, could you please help? On the homepage of this site https://www.amacmotorcycles.com/ I am trying to force the Index Gallery slide meta description to show on mobile. At present, only the slide meta content title displays. scroll down to: yui_3_17_2_1_15739990627838_448 my css attempt: @media (max-width : 640px) { .collection-type-index.design-slideshow .index-gallery .slide-meta .description { display: show; } } I tried adding !important; --no effect. Even if I enable the meta toggle in Site Styles, the description text does not display on mobile (however it does display on tablet and desktop sizes) when toggled on/off. Thanks for your help.
  7. The aim is to get text blocks slide in on scroll. I stumbled across this "CSS Animation Cheat Sheet" by Justin Aguilar that does exactly this. I've followed the steps and added the code in the required sections. Following is the code in the Header Section: <squarespace:script src="plugin.js" combo="true" /> <squarespace:script src="site.js" combo="true" /> <link rel="stylesheet" type="text/css" href="www.justinaguilar.com/animations/css/animations.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> Following code in the Footer (just before the /body tag) Section: <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function() { $('page-559a88fbe4b02af487910a44').each(function(){ var imagePos = $(this).offset().top; var topOfWindow = $(window).scrollTop(); if (imagePos < topOfWindow+400) { $(this).addClass("slideUp"); } }); }); </script> And following in the block that I want the animation to appear in: <div id="page-559a88fbe4b02af487910a44" class="slideUp"> The following CSS was added to the Custom CSS section: #page-559a88fbe4b02af487910a44{ visibility:hidden; } The above CSS in the Custom CSS seems to work as the text is hidden. However, the animation does not work on scroll. Any help in what I'm doing wrong would be appreciated.
  8. I am using the FIVE template and I managed to have a slideshow in place of the banner area by the use of excellent script from the following post Now I am getting extra vertical space between the logo/navigation section and the new banner area (which is actually just a gallery). Is there a way to reduce that space to the default spacing between the logo/navigation area and the banner? My website is www.cubicpixel.co You can compare the vertical space in the HOME page and HOME2 page.HOME uses normal banner area while HOME2 uses this custom solution to add slideshow in place of the banner. You can see that in HOME2 the space is visibly much larger. Is there a way to reduce such spacing? i.e. make the spacing just like HOME page?
  9. Hi thereI've loaded in some custom fonts to my site via css. The style I wish to use this font in is the text that overlays on the banner images at the top of each page in the template called Five.I understand that the other styles have names such as h1, h2 etc etc. What is the style name for the text overlay on banners called in the css? Thank you
  10. I know similar questions have been asked, but I haven’t found any answers yet. I’m using the Wexley template. All I want to do is give this gallery a couple lines of text between it and the navigation. Squarespace support’s answer was: Since you’re using a Gallery Page, you can’t insert extra content blocks. You could alternatively use a regular page for your gallery and then use Gallery Blocks and Text Blocks to accomplish a similar look to your home page, but you’ll lose the design aspects of the template specific Gallery Page. The only other way to accomplish this would be through CSS coding, which we don’t offer direct support for. You can try looking for some more guidance specific to your concern at answers&period;squarespace&period;com. So here I am. Any ideas?
  • Create New...