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


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

  1. 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.
  2. 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
  3. 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.
  4. 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...