Jump to content

yubrajs

Circle Member
 View Profile  See their activity

  • Posts

    104

  • Joined

  • Last visited

 Content Type 

Everything posted by yubrajs

  1. yubrajs
    You can achieve this with keyframe animation. .fe-block-yui_3_17_2_1_1705023988848_42937{ animation: spin 5s normal linear infinite; } @keyframes spin { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 25% { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 270deg); transform: rotate3d(0, 0, 1, 270deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } }
  2. yubrajs
    You can still share staging url and set a password so that we can view your site.
  3. yubrajs
    Please provide website url and password.
  4. yubrajs
    Hi, Which layout you are trying to achieve? Provide link.
  5. yubrajs
    Please provide website url.
  6. yubrajs
    Unable to open your website. Provide the password so that we can preview it and find the solution.
  7. yubrajs
    For bottom you have to add custom css.
  8. yubrajs
    Here are steps: Picture 1: To edit header section Picture 2: Setting the header section fixed -> enable the "Fixed position" Picture 3: To change header section background color. For footer provide your website url.
  9. yubrajs
    Hi, For top bar you can enable "Announcement Bar " under Website Tools and for footer bar you can create a section under footer and make it position fixed with custom css.
  10. yubrajs
    Add this code in custom css: @media screen and (max-width: 430px) { body.homepage .Parallax-item:first-child iframe{ width: 495.225px !important; }
  11. yubrajs
    You can target the project main page by adding class ".view-list" before the class ".header-title-logo" and for project individual pages by adding class ".view-item".
  12. yubrajs
    Removing dynamic inline style with javascript and add a custom css fix this issue.
  13. yubrajs
    Please provide site url.
  14. yubrajs
    Hi, Remove z-index from this code: #collection-654e313a06a72d166fd08685 .page-section:not(section[data-section-id="654e536ec8f805233fc2a996"]) This will fix the issue.
  15. yubrajs
    Great! Hit a like for the solution 🙂
  16. yubrajs
    Hi, It's working fine. I am able to click the categories, I tested on few browser on mobile. It takes few millisecond to refresh the clicked product.
  17. yubrajs
    Hi, Instead of applying transition to an image with class .img; apply it on whole "a" tag. Like: .thumbnail2 a{ filter: grayscale(0%); } .thumbnail2 a:hover{ transition: filter .3s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(100%); } Remove below code: .img { transition: filter .3s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
  18. yubrajs
    Update the custom css code like below: a[data-wm-popup] { position: unset !important; } .play { opacity: 80% !important; position: absolute !important; width: 150px; height: 150px; inset: 0; margin: auto; }
  19. yubrajs
    Hello, I am having issue centering the mouse hover image at the center of a page. I am able to center it horizontally but unable to center it vertically. Please help me. Here is the url: https://walrus-sparrow-632s.squarespace.com/portfolio password: perry Hovering over to any row will display the image. Thank you!
  20. yubrajs
    Above image url is an example, you have to add your own image path.
  21. yubrajs
    Hi, Add this code on custom css: For underline .header-nav-folder-item{ text-decoration:underline !important; } For the sketch underline you have to add the sketch image under custom files: Now the custom css be like below: .header-nav-folder-item{ background-image: url("https://static1.squarespace.com/static/658b1188edf10b7411e1d12c/t/659d6aefddd89d0c63a8b892/1704815343613/arrow_up_right.png)") ; background-repeat: repeat-x; background-position: bottom; }
  22. yubrajs
    Please provide site url.
  23. yubrajs
    Add this code in custom css: div#yui_3_17_2_1_1704734476953_72 { padding: 1rem 0; }
  24. yubrajs
    Edit the section and adjust the height. Check the screen-shot attached.
  25. yubrajs
    To add custom code in particular page follow these setps: > click the gear icon next to page as shown in screenshot > click on Advanced tab under "Page settings"
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources