Jump to content

MayaViolet

Circle Member
 View Profile  See their activity

  • Posts

    125

  • Joined

  • Last visited

2 Followers

Personal Information

Recent Profile Visitors

658 profile views

MayaViolet's Achievements

Level 5

Level 5 (5/20)

  • Problem Solver Rare
  • Daily Visitor Rare
  • Conversation Starter Rare
  • Dedicated Contributor Rare
  • Circle Community Advocate Rare

Recent Badges

40

Reputation

11

Community Answers

  1.    Cinthetic reacted to a post in a topic: Slideshow Reel Delay Animation
  2.    tuanphan reacted to a post in a topic: How can I change the "Pacific" tempate footer top & bottom padding
  3. MayaViolet
    By inspecting the element, I can see that the current horizontal rule block has a margin of (margin: 34px 0px) ( see attached screenshot). So, we could apply the following CSS to overrule that margin, of course adjusting similar to padding to match the exact pixel height you'd like. .sqs-block-horizontalrule hr { margin: 0 !important; }
  4. MayaViolet
    Hi @St Lukes - if you add the following code to the custom CSS panel, you will reduce the padding. You can also play around with changing the values from 0 to something like padding: 10px 0px (which would be 10px to top and bottom, or 0px to left and right), or event: 10px 0px 15px 0px (where the targeting direction goes top, right, bottom, left). Let me know if you have any questions! .footer-inner { padding: 0 !important; }
  5. MayaViolet
    Hi @mrkttnr I think you might have the background width set to inset - changing it to full width I think will solve this problem... but if it doesn't, this code will apply a fix: section[data-section-id="62b7422094e2396356c7ce98"] .section-background { left: 0 !important; right: 0 !important; bottom: 0 !important; }
  6. MayaViolet
    Hi @hayesma, here is an article that walks you through how to use just CSS to target the specific icon, and replace the source image that Squarespace pulls. It requires you to upload a custom file, but the video shows you exactly how to do so. Lmk if this isn't what you want to do and need further direction!
  7. MayaViolet
    Hi @sian75, can you share the link to the site in question so we can provide accurate code for your specific site?
  8. MayaViolet
    Hi @St Lukes, you can change the status to password protected following these instructions so that we can inspect the site directly to help you develop code to remove the padding correctly
  9. MayaViolet
    Hi @stvr1974 - you can drop the following code into the Page Injection section of the specific page where you want to hide the footer. To do so, navigate to "Website" and click the gear icon next to the page in question to access that page's settings. Then head to the "Advanced" tab drop the code in below: <style> footer { display: none !important; } </style> Let me know if you have any questions!
  10. MayaViolet
    Hi @ariellebrown - You can find SS's instructions on how to insert code for a specific page here, but essentially you will need to remove the code above from your site injection, because this is telling the pop-up to appear on every page of your site. Then, you'll want to navigate to Pages, and click the settings icon next to your Home page title, and navigate to the "Advanced" tab, and page header code injection to paste the code there. Give it a try, and let me know if you still have questions!
  11. MayaViolet
    Hi @Cinthetic, did you find a solution for a slideshow animation delay?
  12. MayaViolet
    @Lesum Any idea on CSS that will successfully change the placeholder font size? Can't get it to work... Site is here
  13. MayaViolet
    @Cowfish23 I believe you can try to add it via a code block, but it still may not work in a personal plan... worth a shot to try it though?
  14. MayaViolet
    @ibnibnbattuta did you find the solution? @tuanphan any ideas? Trying to do the same!
  15. LaurenZA started following MayaViolet
  16. MayaViolet
    Hi @tayspilates, it looks like it is the same letter-spacing and thickness on both screensizes, but it only appears to be closer/thicker on smaller screens, because you have large characters in a smaller space. To make adjustments, I would play around with the following code while previewing the effects on mobile in edit mode to see what meets your preference! /* Mobile Screen Size Updates */ @media all and (max-width: 768px) { .Marquee h1 { letter-spacing: .0em !important; font-size: 50px !important; } }
  17.    tuanphan reacted to a post in a topic: Vertical navigation to the left
  18.    tuanphan reacted to a post in a topic: Help! Mobile font is displaying different and overlapped on mobile but not desktop?
  19.    tuanphan reacted to a post in a topic: I need help adding a border around all of my images in my calendar
  20. MayaViolet
    I believe it was the following? I actually have it not active on the client site because we developed a diff solution, and the code link I found in my email shows up with an error, so not sure what if this will work! <!---Menu Hover--> <script> $('.header-burger').hover(function(){ $('body').toggleClass("header--menu-open"); }); </script> <!---END Menu Hover--->
  21.    marchbank reacted to a post in a topic: Make a certain image have an extra long Fade-In
  22. MayaViolet
    Absolutely! If you take note of the animation property, I included the syntax rules: // animation name, duration, timing-function, delay, direction Following that order, you can adjust what currently is set to "0s" to your preferred delay time. Let me know how that works!
×
×
  • 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