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

Agha_Waqas

Member
  • Posts

    114
  • Joined

  • Last visited

  • Days Won

    1

Community Answers

  1. Agha_Waqas's post in Squarespace 7.1 gallery slide show header transparency was marked as the answer   
    Hi, You need to remove the top padding of the section. below is the code.

    [data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }
  2. Agha_Waqas's post in How to disable clicking on portfolio hover item? was marked as the answer   
    Hi you can add below script into footer injection
    <script>
    var all_links = document.querySelectorAll(".portfolio-hover-items-list li a");
    for(var i=0; i<all_links.length; i++){
        all_links[i].removeAttribute("href");
    }
    </script>
  3. Agha_Waqas's post in Transparent Navigation Folder Links - Squarespace 7.1 was marked as the answer   
    Simply add !important after the color or use below code
    body:not(.header--menu-open) .dark .header-nav-folder-content {
      background-color: transparent !important; }
  4. Agha_Waqas's post in Creating a custom navigation bar was marked as the answer   
    You can tweak the navigation with CSS, Hide your logo, Make the Navigation 100% and use Flex box.
     
  5. Agha_Waqas's post in Turn images in summary block into clickthrough links was marked as the answer   
    Ahhhh I see!!! actually there is custom code in css which is blocking it
    below is the code which blocked the image clickthrough, Remove below code then it will works

     
    .summary-thumbnail-outer-container a { pointer-events: none !important;  cursor: default !important; }
  6. Agha_Waqas's post in Hover Problem was marked as the answer   
    Hi. please try below code.
    .folder-toggle:hover+.subnav {
        width: 100%;
        top: 14px;
        padding-top: 0;
        z-index: 99999;
    }
    .subnav:hover {
        opacity: 1 !important;
    }
  7. Agha_Waqas's post in Resizing Form Lightbox Button was marked as the answer   
    Hi. Add below code into CSS editor. Adjust the padding and font according to your need. 
    .form-block .lightbox-handle { font-size: 20px !important; padding: 1.5em 2.5em !important;}
  8. Agha_Waqas's post in Image Stack on 'Tablet' Size in 7.1 was marked as the answer   
    Hi. Add below code into CSS editor

     
    @media (max-width: 800px) {
        .design-layout-card {
            flex-direction: column !important;
            .intrinsic,
            .image-card-wrapper {
                width: 100% !important;
            }
        }
    }
  9. Agha_Waqas's post in Image card block on the mobile. was marked as the answer   
    Hi. Add below code into CSS editor

     
    @media (max-width: 900px) {
      #page-607e58d7db63ee562a23b8e5 {
      .span-6 {
          width: 100% !important;
          float: none !important;
          .design-layout-card {
            display: flex !important;
            justify-content: space-between !important;
            .intrinsic {
              width: calc(30% - 1%) !important;
            }
            .image-card-wrapper {
                margin-left: 2% !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                min-height: 100% !important;
                width: calc(70% - 1%) !important;
            }
          }
        }
      }
    }
  10. Agha_Waqas's post in Full Width Navigation Menu + Border Styling was marked as the answer   
    try now. it was working for me well. 
    .header-announcement-bar-wrapper {
        padding-left: 0;
        padding-right: 0;
        .header-display-desktop {
            flex: 0 0 100% !important:
            width: 100% !important;
            .header-title-nav-wrapper {
                flex: 0 0 100% !important;
                width: 100% !important;
            }
            .header-nav {
                padding: 4px 0;
            }
            .header-nav-list {
                display: flex !important;
                justify-content: space-around !important;
                .header-nav-item {
                    width: 20% !important;
                    margin-left: 0 !important;
                    margin-right: 0 !important; 
                    a {
                        background: none;
                        border-top: 1px solid !important;
                        border-bottom: 1px solid !important;
                        border-right: 1px solid !important;
                        padding: 0 !important;
                        text-transform: uppercase;
                        font-size: 14px;
                        letter-spacing: 0.1em;
                    }
                }
                .header-nav-item:last-child a {
                    border-right: 0 !important;
                }
            }
        }
    }
     
  11. Agha_Waqas's post in Change a forms "Selection" options font size, Squarespace 7.1 was marked as the answer   
    You can use the custom CSS code for it,
    Add below code into custom css editor
    .sqs-block-form .field-list select { font-size: 20px !important; }
×
×
  • Create New...