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

Wolfsilon

Circle Member
  • Posts

    157
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Wolfsilon got a reaction from JodiR in Fixing Disabled Script   
    Hello,
    I couldn't see where the button is supposed to be, is it on the home page? I don't see a payment plan section either. Also, this message commonly shows when you have installed it incorrectly or do not have custom javascript enabled on your website. Be sure that you have a Business plan with Squarespace. Custom scripts are only supported in Business or higher plans. If you have a Business plan....
    How are you installing the code? Are you using a code block? Sometimes these scripts require that you add portions of it via Settings > Advanced > Code Injection > Header/Footer injection menus. To me, this looks like it could go in the Header Code Injection field. Let us know!
    Thanks,
    -Dan
  2. Like
    Wolfsilon reacted to tuanphan in Transparent Dropdown Folder   
    Found some other problems. Do you need to fix?
    Site URL: https://www.artschoolathletics.com/
    1. (Mobile – Overlay menu) Spacing between About & Contact is bigger than the others

    2. (Desktop/Tablet – Header) When i hover on Directors, just there is a white space in dropdown

    3. (Desktop –  Narrative > Header) Can’t see contact button
    https://www.artschoolathletics.com/narrative-motion

    4. (Mobile – About) background image don’t show in full size
    https://www.artschoolathletics.com/about-1

    5. (Desktop/Tablet – New page > Header) It is so difficult to see header links
    https://www.artschoolathletics.com/new-page

  3. Like
    Wolfsilon got a reaction from tuanphan in Transparent Dropdown Folder   
    This is the code I use to make my header dropdown menus transparent. 
    .header .header-nav .header-nav-item--folder .header-nav-folder-content { background: rgba(0,0,0,0.5); } Hope this helps! 
    -Dan
  4. Like
    Wolfsilon got a reaction from bangank36 in Adding a timer and/or redirect   
    There are certainly ways to do this, but not without some customized code/Javascript. You can also use a plugin like this one to create a timer and redirect function. Just install it on the page the viewer is redirected to after they signup for your newsletter and set the timer to redirect back to whatever page you want.
    The issue you'll have with a solution like this, especially if it's a monetary tool for you, is that there isn't really anything stopping a viewer from returning to the page after the timer has expired. You would need to automatically scramble the URLs or create an access token that expires per user/per session. This type of system isn't really possible on Squarespace, if it is. It would need to be done by a professional developer.
    Realistically though, I don't think someone would really take advantage of that workaround but it's just a thought perhaps something to consider in the future.
     
    Hope this help!
    -Dan
     
  5. Like
    Wolfsilon reacted to tuanphan in multilingual site created by duplicating the main site / is it possible to view or publish the contents of the main site blog on secondary sites?   
    Can you share link to blog page where you want to embed? We can take a look.
    --
    I've created duplicates of the main site for each language so that I can translate the main menu and footer as well.
    Not related, but you can use bradguide to do this on same site, no need to create 4 sites. I just helped a member creating "3 category sites" on same site with different logos, logo link, main navigation, footer
  6. Like
    Wolfsilon reacted to creedon in How do I disable a javascript animation for mobile devices?   
    If a device doesn't have support for Javascript then Javascript can't run in the first place, so there is no need to disable it. Also note that for said device your site couldn't function as SS sites are heavily dependent on Javascript.
  7. Like
    Wolfsilon got a reaction from tuanphan in Decreasing vertical spacing between two inlined images   
    Hello,
    Try this code below.
    section[data-section-id="60cdc17f7d058466d13a964f"] { .sqs-block { padding-bottom: 0px !important; } } -Dan
  8. Like
    Wolfsilon got a reaction from tuanphan in How to replace images when viewed in mobile   
    You’re very welcome! 
  9. Like
    Wolfsilon got a reaction from bangank36 in Adding an image/gallery slideshow with animation like in the given sample   
    Hello,
    On 7.1, adding a slideshow in the way that you are talking about and shown in the example above is not possible. The slideshow options are limited to specific pages instead of blocks unfortunately.
    However, 7.0 templates support these Gallery/Slideshow blocks.
    If you are using 7.1, you'll need to use custom code. You can build a slideshow using a Javascript library or it is also possible to build a simple slideshow using CSS.
     
  10. Thanks
    Wolfsilon got a reaction from dunnard in Change order of Header Button & Cart Icon – Squarespace 7.1   
    Hello,
    To switch the order of these buttons you can use Custom CSS. The following code should solve your problem.
    .header-actions--right { flex-direction: row-reverse; } Hope that this helps!
    -Dan
  11. Love
    Wolfsilon got a reaction from ghostplugins in How make the navigation menu/bar stick at the top of the screen while scrolling   
    Hello,
    If you're using a 7.1 Template. You can do this by navigating to any page, click "Edit", and select "Edit Site Header". The menu will allow you to change the toggle switch for "Fixed Header" on or off.
    If you're on version 7.0 using a compatible template family, you should be able to add the following code using the Custom CSS tool. Navigate from Home > Design > Custom CSS and paste the code below:
    // Fixed Header // .Header { position: fixed; z-index: 9999; width: 100%; } -- Courtesy of Ghost Plugins.
    Hope this helps!
    -Dan
  12. Love
    Wolfsilon got a reaction from AnneC in Code for Copyright using Markdown   
    Hello Anne,
    Could you give us a little more information on what exactly you need for the markdown code. Are you looking for a copyright symbol/icon to use? Are you trying to watermark specific content? Did you want to prevent users from interacting or saving your website content? Were you looking for a generic copyright disclaimer? It's a little vague in your wording but I assure you there are answers to each of the questions I asked, so just let me know! 🙂
    Regarding your footer logo problem, could you please share the URL to your website so we can take a look at the image in question.
    Thanks,
    Dan
  13. Like
    Wolfsilon got a reaction from tuanphan in How to Make Codes Mobile Responsive   
    Hello Megan,
    This happens at a certain width, or size of the screen because the layout shifts into a single column and orders everything vertically. Partly because shrinking the entire website to fit to size just isn't a standard function although, there are clearly certain circumstances where this would be the desired effect. In this case, I would encourage you to consider a couple of things. The text displayed for the icons via the image changer will no longer be legible and you will need to adjust the dimensions of the image between the top icon and the bottom two icons. To do this, try using the following code.
    The code:
    #collection-60abe9a635cf7e0257669806 { @media only screen and (max-width: 640px){ .sqs-row { display: flex; width: auto !important; } #block-yui_3_17_2_1_1623419223240_90583 { width: 90vw !important; } } } Hope this helps!
    -Dan 
     
  14. Like
    Wolfsilon got a reaction from tuanphan in Add Colored Box Around Portfolio Links & Change Text Color   
    Hello,
    Try this code and tweak some of the settings to your liking. Border radius is your rounded corners, Color is your text color, and by changing the Display to Inline-Block we're able to adjust the width of the box. Without using an absolute measurement like (px), we'll end up with different sized boxes.
    section[data-section-id="60ca314ce05af83b627d8fc9"]{ .portfolio-hover-item-content { display: inline-block !important; width: 300px; background: #000; border-radius: 15px; } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { color: #fff !important; font-size: 2.5vmax; } } On mobile devices you might encounter some sizing issues. Testing these fixes are a bit tricky when overriding the default settings but this might help.
    @media only screen and (max-width:640px) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { font-size: 2.5vmax !important; } } Hope this helps!
    -Dan
  15. Like
  16. Thanks
    Wolfsilon got a reaction from Mlekoman in Decreasing vertical spacing between two inlined images   
    Hello,
    Try this code below.
    section[data-section-id="60cdc17f7d058466d13a964f"] { .sqs-block { padding-bottom: 0px !important; } } -Dan
  17. Like
    Wolfsilon reacted to jessclark98 in How to replace images when viewed in mobile   
    Its worked!!! Thanks so much for all your help 🙂 
  18. Like
    Wolfsilon got a reaction from tuanphan in How to replace images when viewed in mobile   
    It's a little tricky to test but I think you'd be able to use the code below for each image. Just swap the ID for each of your sections on the page and insert the image url for the corresponding section ID.
    section[data-section-id="60c47f0723695f68078a9d17"] { @media only screen and (max-width: 640px) { .gallery-fullscreen-slideshow-item-img img { display: none; } .gallery-fullscreen-slideshow-item-img::before { content: ""; position: absolute; width: 100%; height: 100vh; background-image: url("YOUR_URL_IMAGE_HERE"); background-size: cover; background-position: center, center; background-repeat: no-repeat; z-index: 1; } } } Hope this helps,
    -Dan
  19. Thanks
    Wolfsilon got a reaction from jessclark98 in How to replace images when viewed in mobile   
    It's a little tricky to test but I think you'd be able to use the code below for each image. Just swap the ID for each of your sections on the page and insert the image url for the corresponding section ID.
    section[data-section-id="60c47f0723695f68078a9d17"] { @media only screen and (max-width: 640px) { .gallery-fullscreen-slideshow-item-img img { display: none; } .gallery-fullscreen-slideshow-item-img::before { content: ""; position: absolute; width: 100%; height: 100vh; background-image: url("YOUR_URL_IMAGE_HERE"); background-size: cover; background-position: center, center; background-repeat: no-repeat; z-index: 1; } } } Hope this helps,
    -Dan
  20. Like
    Wolfsilon got a reaction from tuanphan in How do I change text and image order on mobile only, Squarespace 7.1   
    Hello,
    Try the following code, let me know if this helps.
    section[data-section-id="60c763a3f3cec4103bebcf6f"] { @media only screen and (max-width: 640px) { .sqs-row { display: flex; flex-direction: column !important; } .sqs-col-6 { flex-direction: column-reverse; display: flex; } .sqs-col-6:last-child { display: flex; flex-direction: column; } } }  
    -Dan
  21. Like
    Wolfsilon got a reaction from tuanphan in Floating icon on bottom of screen   
    Hello Apollow90,
    The bottom of what screen? The bottom of the entire website or the bottom of a specific section or page? If you could share a URL to the page where you want to display the rotating icon, I can give you an accurate code and the CSS to use.
    Thanks,
    -Dan
  22. Like
    Wolfsilon got a reaction from tuanphan in Paragraph margin   
    Hey there,
    Try this code.
    .blog-item-wrapper p:last-child { margin-bottom: 2.5em !important } The blog-item-wrapper is the wrapper of all of the blog contents and we've added a "p:last-child", which means that last paragraph of the blog should have a bottom margin of 2.5em. Otherwise, every paragraph in the blog post will have the margin.
    Hope this helps,
    -Dan
  23. Like
    Wolfsilon got a reaction from tuanphan in Mobile: max image size, text and image alignment   
    Hello,
    You can reduce the width of the blocks on mobile for the circle images and caption by using the code below.
    section[data-section-id="601c878e78a1067166d81580"] { @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1612735498763_6718, #block-yui_3_17_2_1_1612735498763_8361 { width: 50% !important; } } } Taking a look at your website regarding the alignment issues, it appears that you have some CSS limiting the size of the building image to 300px at a previous screen-size media query. By Removing:
    section[data-section-id="601c878e78a1067166d81580"] { @media only screen and (max-width: 769px) { .sqs-block-image-figure.intrinsic { max-width: 300px !important; } } } From your Custom CSS. The image will shift to the left and fill the block. The content should be aligned properly now.
    Hope this helps!
    -Dan
  24. Thanks
    Wolfsilon got a reaction from bchung99 in Removing this minus symbol   
    Hello,
    This code from CodePen uses several CSS lines for the dimensions that are causing the narrow box. You'll want to set the CSS for the following to achieve a specified height and width. 
    #particles-js { position: absolute; width: 100%; height: 50vh; background-color: #b61924; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } In terms of the "minus" symbol. There are several possibilities that could be causing that icon to appear. The first being that while the animation is running, you're still viewing the page in the editor mode. Try refreshing the page and see if the animation and the symbol are still visible. If so, then you'll notice that I removed several lines from the original Particles-JS CSS code that I shared. The first being, a call for "background-image: url("");". You'll want to start there. If this removes the symbol then you're all set.
    If the symbol is still appearing after a refresh and removal of the CSS lines. You're likely going to want to recreate the options file for Particles.JS. The Code on CodePen was last updated in 2016 and includes other resources that might be outdated. I've installed this library numerous times and don't recall seeing this symbol either. So try to reconfigure the settings and install the library again. 
  25. Like
    Wolfsilon got a reaction from derricksrandomviews in Add title to blog landing page   
    Hello,
    On certain templates for 7.0, you can add an intro section to the top of the blog page and add any bit of content that you'd like.
    On 7.1 -- Go to your blog > edit > "add section".  Add a template section or blank section. You should then be able add text or other content to the top section of your blog page.
     
    Hope this helps,
    -Dan
×
×
  • Create New...