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

Agha_Waqas

Member
  • Posts

    121
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Like
    Agha_Waqas got a reaction from S74 in CSS-only Todo List Checkbox Animation   
    also apply the style code into the CSS editor.
  2. Thanks
    Agha_Waqas got a reaction from Guillermiiiin in Social media icon hover color   
    Hi. try this code.

    .sqs-svg-icon--list {
        a:hover {
            opacity: 1 !important;
        }
        a:hover .sqs-use--icon {
            fill: #EF233C !important;
        }

  3. Like
    Agha_Waqas got a reaction from tuanphan in Squarespace 7.1 gallery slide show header transparency   
    Hi, You need to remove the top padding of the section. below is the code.

    [data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }
  4. Love
    Agha_Waqas got a reaction from francescalo in Squarespace 7.1 gallery slide show header transparency   
    Hi, You need to remove the top padding of the section. below is the code.

    [data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }
  5. Like
    Agha_Waqas got a reaction from Will123 in Gallery Hover over Image effect   
    Hi yes we can create this effect. will you share the website where you want to add it i will share you the code,
  6. Like
    Agha_Waqas got a reaction from TrueNatureDreams in How do I fix the Scroll to Top button I added interfering with 'Add to Cart' button?   
    Hi, You can simply add spacing between the "cart icon" and "back to top" buttons by following below code. so both buttons show on the bottom right corner with no mess.
    .floating-cart {bottom: 80px !important;}
    or if you want to remove the "back to top" the code will be in the Header code injection. go to settings> advance > code injection
  7. Like
    Agha_Waqas got a reaction from tuanphan in Underline on mobile menu header   
    Hi, yes you can add it by using below code into CSS editor
    .header-menu--folder-list .header-menu-nav {
        border-top: 1px solid #000 !important;
    }
  8. Like
    Agha_Waqas got a reaction from Vitto in Code to change the page where you're directed to after clicking the site title/logo   
    Hi. Paste below code into Code injection area. 
    Setting > Advanced > Code injection > header
     
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script>$(document).ready(function () { $("#site-title").attr("href", "https://www.mysamplesite.com/home"); }); </script>
  9. Like
    Agha_Waqas got a reaction from tuanphan in Images aligned at vertical center   
    Hi, you can try below code into CSS
    @media (min-width: 600px) {
      #page-section-60cd165f32da3f557a42125b {
        .sqs-row {
            display: flex;
            justify-content: center;
            align-items: center;
        }
      }
    }

    otherwise second option is photoshopped the all images with the same height.
  10. Like
    Agha_Waqas got a reaction from KatyaK in Split Sticky Section On Product Pages/Regular Pages   
    hi. below code is for the product page.
    .ProductItem-gallery { 
    position: -webkit-sticky;
        position: sticky;
    top: 0;
    }
  11. Like
    Agha_Waqas got a reaction from tuanphan in Change Banner Description Font Size on Mobile   
    Hi, you can add below code into CSS editor
    @media (max-width: 520px) {
        #collection-54f374a2e4b0565a8a7a4382 {
            #banner-wrapper {
                .title-desc-wrapper .page-desc p {
                    font-size: 20px !important;
                }
            }
        }
    }
  12. Like
    Agha_Waqas reacted to lgwebdesign in 7.1 Mobile Nav Custom Alignment   
    Thanks so much for your help, I really appreciate it. Now I know why my code never worked, I forgot about the nth-child part.
    Here's the full code with the Back button alignment fix for anyone else who needs it...
    .header-menu-nav-folder-content span:nth-child(2) { 
      margin-left: 25px; 
    }
    .header--menu-open .header-menu-controls-control--active {
      margin-right: 55px; 
    }
  13. Thanks
    Agha_Waqas got a reaction from lgwebdesign in 7.1 Mobile Nav Custom Alignment   
    Hi Luke, Try below code into css. Adjust margin left according to your need.
    .header-menu-nav-folder-content .header-menu-nav-folder-content span:nth-child(2){ margin-left: 30px; }
  14. Love
    Agha_Waqas got a reaction from tuanphan in Add Custom Dropdown Menu [no links, just text]   
    Hi man, you can simply use accordion instead of the dropdown, accordion is also working as an dropdown for you. See here how to make accordion in square space.
  15. Like
    Agha_Waqas got a reaction from tuanphan in Custom font for Contact Form and Button on Navigation   
    Hi, add below code into CSS editor

     
    // For the Desktop and mobile CTA
    .header-actions-action a,
    .header-menu-cta a {
        font-family: "Open Sans Light" !important;
    }
    // For the Form
    .sqs-block-form .field-list .title,
    .sqs-block-form .field-list .caption,
    .form-wrapper .field-list .field .field-element,
    .sqs-block-form .field-list select,
    .form-wrapper .field-list textarea,
    body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
        font-family: "Open Sans Light" !important;
    }
     
  16. Like
    Agha_Waqas got a reaction from tuanphan in How to disable clicking on portfolio hover item?   
    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>
  17. Like
    Agha_Waqas got a reaction from BoulevardNorth in Transparent Navigation Folder Links - Squarespace 7.1   
    Simply add !important after the color or use below code
    body:not(.header--menu-open) .dark .header-nav-folder-content {
      background-color: transparent !important; }
  18. Like
    Agha_Waqas got a reaction from twilliamsphoto in Lightbox text color?   
    Hi, Add below code into CSS editor
    .sqs-lightbox-meta p { color: #fff !important; }
  19. Like
    Agha_Waqas got a reaction from tracydickason in Accordian drop downs in additional information not working   
    Hi Tracy, Will you please share the website link?
  20. Thanks
    Agha_Waqas got a reaction from Swharton24 in Creating a custom navigation bar   
    You can tweak the navigation with CSS, Hide your logo, Make the Navigation 100% and use Flex box.
     
  21. Like
    Agha_Waqas got a reaction from tracydickason in Accordian drop downs in additional information not working   
    Hi, i review your website and it seems like you are using h3 for the accordion. simply replace the h2 to h3 into JavaScript code and it will works.
  22. Like
    Agha_Waqas got a reaction from tracydickason in Accordian drop downs in additional information not working   
    I think you already fix it. now accordions show into 4 columns 
  23. Like
    Agha_Waqas got a reaction from tracydickason in Accordian drop downs in additional information not working   
    if you want to change the font size of the accordion heading. add below code
    .markdown-block h4 {
    font-size: calc(1 * 1rem) !important;
    }
  24. Like
    Agha_Waqas got a reaction from Bluemonque in Place image below text image block / Stack (image alignment below text)   
    hi add below code to CSS editor
    .image-block .design-layout-stack { display: flex !important; flex-direction: column-reverse !important; }
  25. Love
    Agha_Waqas got a reaction from tuanphan in How to edit a floating Book Us Today Button - all pages of website   
    Hi Chris, di you see the button code into Footer code injection

    settings > advanced > code injection > header or footer

    you must be found there.
×
×
  • Create New...