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

Rammy

Member
  • Content Count

    12
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I have since made changes to the site so I doubt it will help you, but sure! It's this one (password: herz). Using the Rally template (Brine family). I just successfully replicated the bug – create a new site using the Rally template and paste this into the Custom CSS... /** Footer **/ .Footer { background: linear-gradient(-45deg, #ece54c 0%, #46bdcf 75%); } Save and refresh the page. The edit buttons should no longer show up. They will show up when you remove the percentage values from the code. ------ Another thing I'm currently trying to figure out on the beherzt Website (password: herz) is how to use a :hover on a parallax item. See I'm using a clip-path to change the appearance of pages with banners on the site... .Parallax-host-outer .Parallax-host .Parallax-item:not(:first-child) { clip-path: polygon( 0 6vw, 100% 0, 100% calc(~"100% - 6vw"), 0 100% ); -webkit-clip-path: polygon( 0 6vw, 100% 0, 100% calc(~"100% - 6vw"), 0 100% ); } Can I somehow use a :hover effect on this? I want to change the clip-path so that it reverts back to a rectangle. It works nicely on pages that have no banner image and the Footer but I can't make it work with pages with banners. Thanks for your help tuanphan!
  2. Hello! Has anyone encountered problems with CSS gradients with percentage values disabling the Squarespace page edit buttons? As soon as I add percentage values I can no longer edit the pages – the edit buttons won't show up. Double-clicking the content (which usually enables the editing) won't work either. To replicate the problem, try this in the Custom CSS... .Footer { background-image: linear-gradient(135deg, #ece54c 0%, #46bdcf 75%); } Going back to Pages and reloading the site will stop the edit buttons from appearing. Removing the percentage values like below will solve the issue... .Footer { background-image: linear-gradient(135deg, #ece54c, #46bdcf); } Adding a linear gradient with percentage values to text doesn't seem to cause a problem. p { border: none !important; background-image: linear-gradient(135deg, #ece54c 0%, #46bdcf 75%); } Does anyone have an explanation for this? Is this a bug or did I miss something? Thanks!
  3. Figured it out! To remove the images in the calendar, use this code: .background.background--iseventscollection { display:none; } To make the events visible use this: .itemlist { display: block !important; }
  4. Hello! I want to display events using a Calendar. When there is only one event a day the calendar shows the thumbnail of that event. When there are more than one event a day the calender shows text. Is there a way to get rid of the thumbnails altogether and only show the text, even if there is only one event that day? Removing the event thumbnail is not an option. Making the calendar smaller to hide the thumbnails is what I want to avoid. The website uses the "Personal" plan, so no custom code except custom CSS. I tried removing the images with CSS, but it will only show an empty cell without text. I thought about changing the mobile breakpoint of the calendar to trick it into displaying the mobile calendar without the thumbnails, but I'm not sure if that is achivable with CSS. Any help would be appreciated!
  5. Same problem here. Squarespace Customer Care told me I was using custom code on my folders and they couldn't help me. When you click on a folder in the navigation it now takes you to the first item in the folder. So if you add a link to the folder and make it the first item in the folder, clicking on the folder in the navigation will take you to that link. If you don't want the link to show up in the submenu you can hide the first item of a folder with CSS. In the Brine template family it should be this code: .Header-nav-folder :nth-child(1) {display: none !important;} I hope this workaround will help you guys. It's rather annoying that a workaround needs to be used, when Squarespace could simply add the option to add custom links to folders.
  6. In case anyone's still having problems getting this to work, here's how I did it: STEP 1: In Settings > Advanced > Code Injection > Header put this: <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> STEP 2: On your page insert an image that you want to animate and find out it's Block-ID (works best with this Chrome plugin). It should be something like #block-yui31726146063883612011846. Below the image insert a Code. Copy and paste this into the code... <script> $(window).scroll(function() { $('#animatedElement').each(function(){ var imagePos = $(this).offset().top; var topOfWindow = $(window).scrollTop(); if (imagePos < topOfWindow+400) { $(this).addClass("slideUp"); } }); }); </script> Now replace #animatedElement with your Block-ID. If you want a different animation, replace slideUp with either of these:slideDown, slideLeft, slideRight, slideExpandUp, expandUp, fadeIn, expandOpen, bigEntrance, hatch, pulse, floating, tossing, pullUp, pullDown, stretchLeft STEP 3:Go to Design > Custom CSS and add this... #animatedElement { visibility: none; } ...again, replacing #animatedElement with your Block-ID.
×
×
  • Create New...