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


Circle Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by ghostplugins

  1. Hey @nowicluk! It is best to host the GIF file yourself on your Squarespace website via Custom CSS > Manage Files. Once you upload to the file to CSS Files, click the file and a URL will generate in the CSS panel. Take this file URL and paste it into your code (replace the DropBox link). That should do the trick! πŸ‘
  2. Hey @nowicluk! This is definitely possible. Try bolding the * and then targeting only that character with bold-targeted CSS. Something like this should help as it will only target the character that's bold – this being the *. Be sure to update h1 if that is not the header size you are using in your example. Targeting the text block's block-id before the CSS will also help in case you bold other headers throughout the site and don't want those affected. // GIF Text // h1 strong { background: url(GIF-URL-HERE.gif) !important; background-size: cover !important; background-position: center !important; -webkit-background-clip: text !important; color: transparent !important; } Hope this helps! πŸ‘»
  3. It'd be best to reach out to @michaeleparkour directly for assistance or reach out by email via https://www.squarewebsites.org/contact. Michael is always super helpful!
  4. @aurevoir_blu Menu overlay is going to be mobile menu's background color. You're going to want to look for "Section Background". Screenshot attached. I did do a quick inspect and it looks like Squarespace now applies the "active" behavior to all of the pages in the folder since you're active within th e folder's content. I'll share this with my team in case there is room for adding additional notes or code to the free plugin. In the meantime, you can use this additional CSS if you want to target the folder color specifically so it doesn't apply the site styles "Section Background" color universally. // Folder Menu Color // .header .header-nav .header-nav-item--folder .header-nav-folder-content { background-color: #82ca9c !important; }
  5. @aurevoir_blu We weren't able to view your website since it's set to private, but be happy to jump in! We tested the exact code above and didn't experience any issues, so please check your color palette settings. The color background set for the header's color palette will also apply itself to the folder's color. So if the background is set to white and the folder links are set to white, you won't see anything. Below is a screenshot of what we are seeing in our test. The code above wouldn't affect the folder's color in anyway, so again, please check color palette settings. Sound be an easy adjustment! πŸ‘
  6. @lvarnau Please double check your header code injection to make sure the code was copy/pasted over correctly without any errors or characters missing. This usually only happens if something isn't copied over all the way. Below is how it should look in your code injection. The text you are seeing should be grey'd out and is only used to help identify the code and keep things labeled in code injection. Shouldn't be showing at the top of the page. If you're still having trouble, reach out to our friendly help team. We're always happy to help! πŸ˜ƒ
  7. @aurevoir_blu This has to do with your website's width setting and Squarespace's block/column layout. You could try adding a max-width option to the markdown css, along with adjusting website width. Something like this might help so you can adjust the width specifically. .sqs-block-markdown { max-width: 400px; }
  8. Hey @aurevoir_blu! These boxes in Hidray are markdown blocks with some additional code in both the block itself and CSS. We'd be happy to share how we did it! πŸ‘ Step 1: Add a markdown block and paste in the code below. Replace the ICON-URL-HERE with the URL of your own icon. We recommend hosting the file in CSS > Manage Files. This will generate a direct URL you can copy/paste in. Then add in your title text (it's set to h3, but you can change to h1 or h2) and then your body text below. <center> <img src="ICON-URL-HERE.png" style="width: 60px"> <h3>Title Text Here.</h3> Description text here.</center> Step 2: Add the following code in CSS. You can adjust the background, margin, padding, and color values to your liking. There is additional code that targets font color and turns a link inside the markdown block into a button. You can adjust the padding, margin top, background color, font size, and color values to your liking in these targets as well. // Markdown Block Style // .sqs-block-markdown .sqs-block-content { background: #0554ff; color: #FFFFFF !important; margin: 10px; padding: 20px 25px !important; } // Markdown Block Font Color // .sqs-block-markdown .sqs-block-content h1, .sqs-block-markdown .sqs-block-content h2, .sqs-block-markdown .sqs-block-content h3 { color: #FFFFFF !important; } // Markdown Block Button Style // .sqs-block-markdown .sqs-block-content a { display: inline-block; padding: 10px 40px !important; margin-top: 10px !important; background-color: #000000; font-size: 16px; text-transform: none; color: #FFFFFF !important; } .sqs-block-markdown .sqs-block-content:hover a { background-color: #000000; color: #FFFFFF; } Hopefully, this guides you in the right direction! πŸ˜ƒ πŸ‘»
  9. @chadateit Best way to do this is to change it's publish date to a date far, far away now. Like year 2025 or something. Doing this will keep it number one.
  10. Thanks, @tuanphan! πŸ‘ @Chele We've updated the post on Ghost to reflect the newest update SquareWebsites.org added to their Admin UI Tweaks. πŸ˜„ Our original Circle Thread was updated prior.
  11. Hi @Claire_auck πŸ‘‹! You can set the height for all summary items to be the same with this CSS. Adjust to your liking. .sqs-block-summary-v2 .summary-item { height: 200px; } And to target just one page, add the code the page's advanced > header code injection. Add the code between <style>(paste code here)</style>. Here is an example of that. <style>.sqs-block-summary-v2 .summary-item { min-height: 200px; border-top: 5px solid black; background-color: #ffffff; border-radius: 10px 10px; }</style> Hope this helps! πŸ‘»
  12. Thanks, @paul2009! Not sure why it won't let you see it @DiViNCi, but I'll report here. πŸ˜„ You can’t really change the Survey Options, but I was able to mess around with some css and found a great work around using the Radio option. I’ll outline the steps below. 1. Add a radio field to the form. 2. Add the info and what options you’d like to use. 3. Save the page and then add this code to the custom css editor box. This will place the radio buttons next to each other, just like the survey. .form-wrapper .field-list .field .option {width: 20%;float: left;text-align: left;margin-bottom: 30px;} 4. The result: I hope this helps! πŸ˜„ Cody moovlabs.com | ghostplugins.com
  13. @Chele Glad Ghost was helpful in helping you find a solution! πŸ‘» πŸ˜ƒ πŸ‘
  14. Add this to the Index's code injection. It will hide the navigation, but keep the logo visible. <style> .Header-nav { display:none !important; } </style>
  15. @LJSpace Shhhhh, that's a secret! 🀫 Haha, jk. Thanks so much for sharing Ghost! 😊 Cody
  16. 7.1 galleries don't support the option for titles or descriptions right now. 😞I think I saw on a thread that the Squarespace team was looking into adding them for 7.1 galleries but it's not a guarantee.
  • Create New...