Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Reputation Activity

  1. Like
    wallacewebdesign got a reaction from simon.stjohn in Change position of Tags and add wording   
    In addition to the two sets of CSS supplied by @Beyondspace above I added the following:
    /*Reduce Bottom Margin of Blog Item Top Wrapper */ .blog-item-wrapper .blog-item-top-wrapper { margin-bottom: -18px !important; /* SQS default set at 70px */ } In my case there was a large space above where the Tags were displaying. I massaged it to -18px so it looked good in my case. Others' experience may differ, adjust accordingly.
    Note that I do realize that the space between a Blog Post Title and the top of the Blog Post Content is controlled by the Edit Section "Header Spacing" slider, that slider has a bottom limit of 10px. So, even accounting for that there was still too large a gap for what I wanted. I decided to keep the CSS I used above and not have to adjust that Header Spacing slider for each blog post, one less thing to remember.
    Thanks to @Beyondspace for the code. I appreciate it.
  2. Like
    wallacewebdesign reacted to Beyondspace in Change position of Tags and add wording   
    You can use this additional code
    .blog-meta-item.blog-meta-item--tags { display: flex; justify-content: center; } Support me by pressing 👍  or marking as solution if this useful for you
  3. Like
    wallacewebdesign reacted to Beyondspace in Change position of Tags and add wording   
    With the basic Css code, you can use the following code on Home > Design > Custom Css
    .blog-item-content-wrapper { display: flex; flex-direction: column; } .blog-item-content-wrapper .blog-meta-item.blog-meta-item--tags { order: 1; } .blog-item-content-wrapper .blog-item-content.e-content { order: 2; } .blog-item-content-wrapper .blog-item-injection { order: 3; } .blog-item-content-wrapper .blog-item-author-profile-wrapper { order: 4; } Here is the simple result

    If you need it is under the title (Lombok), we need use some javascript code, which is only available on business plan, to move tags to the right place as you wish
  4. Like
    wallacewebdesign reacted to paul2009 in How do I transfer content from an old blog (v 7.0) to a new website (v 7.1)?   
    Yes, I use the amazing SquarespaceWebsites Tools PRO Chrome Extension. It's a game changer and can migrate all blog content (although not comments). Alternatively, you can hire someone to migrate it for you 🙂.
    The problem with migrating from 7.0 to 7.1 is that there is so much that must be recreated manually. For example:
    Uploaded files cannot be migrated. You will need to manually upload each file to the new site and then reconnect each link. Subscriptions (including memberships) cannot be migrated.  Digital product purchases cannot be migrated, preventing customers from re-downloading their digital purchases.  Customer accounts and profiles cannot be migrated. Squarespace Email Campaigns cannot be migrated. Squarespace Scheduling cannot be migrated. Backend data cannot be migrated. This means that you will not be able to look back at analytics data, customer accounts or historical order data.  Commerce settings and payment processors cannot be migrated.  Product reviews cannot be migrated. Squarespace Extensions cannot be migrated.  Digital products cannot be migrated.  Index pages cannot be migrated. The URL slug of individual product detail pages will change. Squarespace 7.1 site headers are more restrictive. Custom code must be re-written. Third-party plugins may need to be repurchased for Squarespace 7.1. Did this help? Please give feedback by clicking an icon below  ⬇️
  5. Like
    wallacewebdesign reacted to tuanphan in Adding Google Translate widget to the top of a website   
    It looks like you are adding to Design > Custom CSS
    You need to Add to Settings > Advanced > Code Injection > Footer
  6. Like
    wallacewebdesign reacted to tuanphan in Adding Google Translate widget to the top of a website   
    Add to Code Block
    <div id="google_translate_element"></div> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script>  
  7. Like
    wallacewebdesign got a reaction from tuanphan in How to force mobile menu to remain on desktop site - v. 7.1   
    Thanks Tuanphan!!! As usual you've got pretty much exactly what I needed and have been a life-saver. Thank you, thank you, thank you!
    I had changed Call to Action button to a search block (found that trick elsewhere) and on mid-width displays the nav-menu was overlapping the search button.  Using your code I was able to increase the width at which the hamburger menu displayed, thus preventing overlap.
    I had to make one change in order to have your code work in my situation. I changed "min-width" to "max-width". With that one change and no other changes it worked perfectly (other than experimenting until I found the width I needed it set to).
  8. Thanks
    wallacewebdesign reacted to tuanphan in How to force mobile menu to remain on desktop site - v. 7.1   
    Thank you. I just tweaked your code to work on my site, 7.1
    Here is code
    /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } }  
  9. Like
    wallacewebdesign got a reaction from mikaylastp in Accepting variable-cost invoice payments   
    I too would like to be able to setup variable payment (not a donation) through a squarespace-based website. As it is the only way I know of is to use a PayPal account (or other third-party payment processor), create a payment page on the Squarespace-based website, and include a Pay Now button on that page. PayPal does have an option to accept variable payment, it's been a while, don't remember how hard it was to find that option, but I did find that option.
    In this case, my client is a food based business and they would like to be able to accept payment for catering jobs directly through their Squarespace website.
    I have submitted a feature request to Squarespace Support.
  10. Like
    wallacewebdesign reacted to Mortise_n_Miter in Accepting variable-cost invoice payments   
    Site URL: https://www.mortiseandmiter.com/
    Hello to all!
    When I need to make a payment for a service to a vendor or my business attorney, I can go to a website, enter the amount due, payment info, and it's done.
    When I tried to create a commerce page solely for that purpose, even with a custom form allowing a customer to enter a price, the price remans zero at checkout because I have the service price at $0.00, or enter a fixed amount.
    If I have a work order with $500 for one customer, and a construction progress payment of $4500 for another, I want them both to be able to enter their respective amounts and make the payment.
    The donation format is perfect, but I've found no way to change the wording of the form (changing "contribution" and "donation.)
    Appreciate any assistance!
  11. Like
    wallacewebdesign reacted to Meraki in How do I link a folder title within the navigation to a page in 7.1   
    Hi may I know what is it code for?
  12. Like
    wallacewebdesign reacted to tuanphan in How do I link a folder title within the navigation to a page in 7.1   
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-nav-folder-title[href="/services-1"]').click(function() { window.location = "/services"; }); $('.header-nav-folder-title[href="/about-1"]').click(function() { window.location = "https://google.com"; }); }); </script>  
  13. Like
    wallacewebdesign reacted to Healsjnr in Does Version 7.1 support a Search Bar/Icon for the site's header?   
    From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. 
    The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily.
    They are great features, please bring them back. 
  • Create New...

Squarespace Webinars

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

Hire a Designer

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