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

ghostplugins

Circle Member
  • Posts

    516
  • Joined

  • Last visited

  • Days Won

    22

Reputation Activity

  1. Love
    ghostplugins reacted to Wolfsilon 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
  2. Love
    ghostplugins reacted to SquareRefresh in Adding Second Button in Header   
    @WRJ703 If you are using 7.1 @ghostplugins has a solution https://www.ghostplugins.com/steps/9thnk3tg
  3. Like
    ghostplugins got a reaction from EDitorialAdmin in Universal Plug-in (Squarewebsites) Help Needed   
    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. Like
    ghostplugins got a reaction from SquareRefresh in Universal Plug-in (Squarewebsites) Help Needed   
    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!
  5. Love
    ghostplugins reacted to SquareRefresh in Custom Font Not Applying to Title   
    @Lilychambers Use 
     
    .header-title-text a {   font-family: Tilda !important; }  
  6. Like
    ghostplugins got a reaction from tuanphan in Rounded Corners Folder Navigation   
    @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; }  

  7. Thanks
    ghostplugins got a reaction from aurevoir_blu in Rounded Corners Folder Navigation   
    @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; }  

  8. Like
    ghostplugins got a reaction from milan in Rounded Corners Folder Navigation   
    @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; }  

  9. Like
    ghostplugins got a reaction from milan in Rounded Corners Folder Navigation   
    @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! 👍

  10. Like
    ghostplugins got a reaction from aurevoir_blu in Rounded Corners Folder Navigation   
    @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! 👍

  11. Love
    ghostplugins reacted to lvarnau in Need help with code from Ghost plug-in   
    Thank you. I submitted a request for support ticket and Kota is working on it.
  12. Like
    ghostplugins got a reaction from tuanphan in How do I create coloured boxes and icons?   
    @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; }  
  13. Love
    ghostplugins got a reaction from tuanphan in How do I create coloured boxes and icons?   
    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! 😃 👻
  14. Like
    ghostplugins got a reaction from milan in Need help with code from Ghost plug-in   
    @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! 😃

  15. Like
    ghostplugins reacted to Wolfsilon in Need help with code from Ghost plug-in   
    This is a paid plugin, right? If so, it's a little hard for me to see what they had you do to install it. Looking at your site I would bet that they had you either add some script the Header code injection or CSS. If you look around and find where it said "<!--Blog Post --!>" and remove just that single line. You should be good to go! 😄 
  16. Love
    ghostplugins reacted to aurevoir_blu in How do I create coloured boxes and icons?   
    Awesome! Really appreciate your help and attention on this.
  17. Thanks
    ghostplugins got a reaction from aurevoir_blu in How do I create coloured boxes and icons?   
    @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; }  
  18. Love
    ghostplugins reacted to aurevoir_blu in How do I create coloured boxes and icons?   
    This worked perfectly! Many, many thanks @ghostplugins
    Just one small thing: I have 5 boxes in a row. When I align 4 it's evenly spaced, but adding the 5th breaks it. Is there a way to add one more? or does it need to be a certain amount?
  19. Love
    ghostplugins reacted to aurevoir_blu in How do I create coloured boxes and icons?   
    You are a lifesaver!! Wow, thank you so much 🤩
    I'm gonna try it out now and report back. You rock!
  20. Love
    ghostplugins got a reaction from aurevoir_blu in How do I create coloured boxes and icons?   
    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! 😃 👻
  21. Like
    ghostplugins got a reaction from JamesDesign in How do I create coloured boxes and icons?   
    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! 😃 👻
  22. Love
    ghostplugins reacted to christyprice in How do you add vertical lines ( | ) between the items of your navigation bar/header?   
    Ghost has a free plugin that does this... you'd just want to change out the content from a slash to a vertical line.
    https://www.ghostplugins.com/steps/9sywh58h
  23. Love
    ghostplugins reacted to christyprice in How do you add vertical lines ( | ) between the items of your navigation bar/header?   
    @KristenisNeat
    Great question! You'd just want to change up the code a bit from Ghost like this:
    .Header-nav-item:not(:last-child):after {  
  24. Love
    ghostplugins reacted to Julia-K in Adding text to a fullscreen slideshow on Ver 7.1   
    ghostplugins.com has a great plugin -- https://www.ghostplugins.com/products/super-slideshow-gallery-autoplay-version
    Here is a quick review -- 
     
  25. Love
    ghostplugins reacted to christyprice in They did not just removed parallax scrolling in 7.1 did they?   
    Squarespace recently added Image Effects to background images. If you edit the section and choose Background, add your image then scroll to the bottom and select Image Effect: Tilt to add parallax.
×
×
  • Create New...