Jump to content

jacauschi23

Circle Member
  • Posts

    107
  • Joined

  • Last visited

Posts posted by jacauschi23

  1. I have an Image on a Contact page using the Card Layout. It has some text content and a button. I'd like the button to open a contact form lightbox, just like how a normal contact form can be made into a button and open in a lightbox. How can I do this?

    I've attached a screenshot of the Image Card button I'm referencing, and also the normal contact form lightbox for reference on how I need the Image Card button to act.

    Screen Shot 2022-06-06 at 5.32.31 PM.png

    Screen Shot 2022-06-06 at 5.32.57 PM.png

  2. I have background images (solid background with some corner floral graphics) I need to use on certain page sections but they keep showing noticeably lower quality. I'm saving out 2500px wide (Squarespace recommended) from Adobe Illustrator vector document.

    It's very annoying, I never used to have this issue. 

    Examples Attached: Screenshot from website vs screenshot from file

    Screen Shot 2022-04-01 at 3.14.33 PM.png

    Screen Shot 2022-04-01 at 3.14.08 PM.png

  3. Site URL: https://goldbess2021.squarespace.com/events/defensive-handgun-course-may-3-2022-na438-b999k

    I have an events page /events that I don't want accessible on the site but use it for a calendar & summary block on /booking. Right now this events page is accessible by selecting an event and then clicking the backlink at the top of the page that says "Back To All Events". I need the backlink to direct to /booking instead of /events to avoid visitors for accessing this page.

    PW: GB2021!

  4. I have member areas set up but I need to change the "Access Denied" page to one I've put together. I don't know why Squarespace is so restrictive with the editing of this page. It forces you just enter some button/description text and gives you no editing capabilities of the page itself to add or change anything.

    The current squarespace generated Access Denied Page(s)
    https://www.blackom.com/watch 
    https://www.blackom.com/read 
    https://www.blackom.com/listen

    The page I need it to be or look like - https://www.blackom.com/membership-access

    This is urgent and any help is appreciated. I'm also going to contact Squarespace about it tomorrow morning but that'll probably amount to nothing.

  5. On 9/10/2020 at 9:43 PM, creedon said:

    This is for a v7.1 site and you will need to have at least the business plan to implement the following solution.

    In Design > Custom CSS put the following.

    
    /* begin add buttons to header */
    
      .header-actions-action.header-actions-action--cta {
      
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        
        /*
        
          default orientation is row, for column swap commented values in lines
          below
          
          */
          
        -webkit-box-orient: horizontal; /* vertical */
        -webkit-box-direction: normal;
        -ms-flex-direction: row; /* column */
        flex-direction: row; /* column */
        
        grid-gap: 0.5em;
        gap: 0.5rem;
        
        text-align: center;
        
        }
        
      /* end add buttons to header */

    In Settings > Advanced > Code Injection > HEADER put the following.

    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    The above loads the jQuery library which I find makes doing these kinds of coding tasks easier.

    In Settings > Advanced > Code Injection > FOOTER put the following.

    
    <script>
    
      /* add buttons to header */
      
      $( ( ) => {
      
        let buttonsNewData = [
        
          {
          
            buttonText: 'enter button text here 1',
            url: 'enter url here 1'
            
            }
          ]
        
        $( '.header-actions-action--cta, .header-menu-cta' ).each ( function ( ) {
        
          let $this = $( this );
          
          $.each ( buttonsNewData, function ( index, buttonNewData ) {
          
            $( '.btn:first', $this ).clone ( )
            
              .attr ( 'href', buttonNewData.url )
              
              .text ( buttonNewData.buttonText )
              
              .appendTo ( $this );
              
            } );
            
          } );
          
        } );
        
      </script>

    The code allows for adding more than one button as we can see from the following code snippets. Here we add one.

    
          {
          
            buttonText: 'enter button text here 1',
            url: 'enter url here 1'
            
            }

    By repeating the previous data structure we can add more buttons. Here we add two.

    
          {
          
            buttonText: 'enter button text here 1',
            url: 'enter url here 1'
            
            }, // notice the comma here
          {
          
            buttonText: 'enter button text here 2',
            url: 'enter url here 2'
            
            } /* notice NO comma here, the last object doesn't get one,
                 if you are adding only one button (object) it doesn't get one */

    And here we add three.

    
          {
          
            buttonText: 'enter button text here 1',
            url: 'enter url here 1'
            
            }, // notice the comma here
          {
          
            buttonText: 'enter button text here 2',
            url: 'enter url here 2'
            
            }, // notice the comma here
          {
          
            buttonText: 'enter button text here 3',
            url: 'enter url here 3'
            
            } /* notice NO comma here, the last object doesn't get one,
                 if you are adding only one button (object) it doesn't get one */

    Let us know how it goes.

    Messaged you with a very specific question

  6. I have this Pagination code below in the footer code injection, along with some javascript (not shown), that gives me pagination on blog pages. Is there a way to get this to work for Summary blocks that list those blog posts?

    https://active-redesign-1.squarespace.com/watch/

    <script>
        window.paginationPluginConfig = {
            containers: {
                '.blog-list,.BlogList,  .view-list .page-section[class*="collection-type-blog-"] div[data-controller]': { // classnames of containers where we want to have a pagination
                    place: 'append', //or use prepend to place block on top
                    backgroundColor: 'transparent',
                    margin: '3% 0',
    		align: 'center', // align pagination
                    padding: '0',
                    showPrevNext: { //will show next/prev elements
                        next: 'Next', //next link text
                        prev: 'Prev' //previous link text
                    },
                    pagesRange: 3, //show 4 first and 4 last pages
                    pagesAround: 2, //show links around active page
                    items: {
                        style: 'square', //square, pillow
                        width: '32px', //navigation item width
                        margin: '20px', //navigation items margin
                        backgroundColor: '#fff', //default background color
                        activeBackgroundColor: '#555', //active item background color
                        color: '#000', // default items text color
                        activeColor: '#fff' //active items text color
                    }
                }
            }
        };
    </script>

     

×
×
  • 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.