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 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; }
  2. Like
    Agha_Waqas got a reaction from Ashley1234 in Gallery grid Overlay Text Size and Font not changing   
    Adjust the line height in the same code which i provided you 
    line-height: 20px; 
  3. Like
    Agha_Waqas got a reaction from Ashley1234 in Gallery grid Overlay Text Size and Font not changing   
    hi. applied below code
    .gallery-caption-grid-masonry p { font-size: 30px !important; }
  4. Like
    Agha_Waqas got a reaction from tuanphan in Change text link to a button?   
    Hi. add below code into CSS Editor
    #block-yui_3_17_2_1_1619992736841_27453 {
        .image-card-wrapper .sqs-dynamic-text {
            p a {
                color: #fff;
                background-color: #1a1a1a;
                border-color: #1a1a1a;
                padding: 6px 10px;
            }
        }
    }
  5. Like
    Agha_Waqas got a reaction from sastavangogh in Custom CSS for Hover Effect on Dropdown menu links not showing, 7.1   
    Hi i just your code in your code you added the ";" before the a remove it, it a bug due to that its not working.
    otherwise use below code
    .header-nav-folder-item a:hover {
      border-bottom:1px solid #fff !important;
    }
  6. Like
    Agha_Waqas got a reaction from tuanphan in Gallery grid Overlay Text Size and Font not changing   
    hi. applied below code
    .gallery-caption-grid-masonry p { font-size: 30px !important; }
  7. Like
    Agha_Waqas got a reaction from tuanphan in Vimeo Play Button moved from centred to bottom left. HELP!   
    it looks fine to me

  8. Like
    Agha_Waqas got a reaction from tuanphan in 2 column in mobile view   
    Your Welcome
  9. 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; }
  10. Like
    Agha_Waqas got a reaction from tuanphan in Move button in mobile menu   
    add below code into css editor

    @media (max-width: 1024px){
    #eapps-google-reviews-6c531fd1-9bd5-4ab4-88d6-e677c4eb6f67 { z-index: 9 !important;}
    }
  11. Like
    Agha_Waqas got a reaction from tuanphan in Move button in mobile menu   
    Your welcome.
    The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. 
    i used the max-width: 1024px is because your mobile navigation is start from there, if we only do this for mobile just then the issue will still remain for the tablet and ipads users.
  12. Like
    Agha_Waqas got a reaction from tuanphan in Line up product title with top of product photo   
    Hi. Add below code into CSS editor
    .ProductItem-summary { align-items: flex-start !important; }
  13. Like
    Agha_Waqas got a reaction from bangank36 in Turn images in summary block into clickthrough links   
    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; }
  14. Like
    Agha_Waqas got a reaction from LaurenKG in Position: sticky not working outside of edit mode?   
    will you please share the site link?
     
  15. Like
    Agha_Waqas got a reaction from derricksrandomviews in Turn images in summary block into clickthrough links   
    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; }
  16. Like
    Agha_Waqas got a reaction from Casselease in 2 column in mobile view   
    Hi, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
    @media (max-width: 520px) {
        #page-section-6079eef730a0cf157bbfc577 {
            .span-12 .row {
                .span-6 .html-block {
                    padding: 0 17px !important;
                }
            }
        }
    }
  17. Like
    Agha_Waqas got a reaction from tuanphan in 2 column in mobile view   
    Hi, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
    @media (max-width: 520px) {
        #page-section-6079eef730a0cf157bbfc577 {
            .span-12 .row {
                .span-6 .html-block {
                    padding: 0 17px !important;
                }
            }
        }
    }
  18. Like
    Agha_Waqas got a reaction from Wolfsilon in Adding a vector image as a highlight to text   
    Hi Sam. you can use these vector image (png format) as an background image. Add a text and where you add this effect simply make a bold/italic property for it so you can easily target that one word. Upload each image onto squarespace and get the link.

    h2 em {
    font-style: none !important;
    background: url(// aad link here) no-repeat;
    background-size: contain or cover // Use any of this
    }

    and if you want to add these image specific html block then simple grab the ID of the html-block and wrap above text in it, example below

    #Block-id {
    h2 em {
    font-style: none !important;
    background: url(// aad link here) no-repeat;
    background-size: contain or cover // Use any of this
    }

  19. Like
    Agha_Waqas got a reaction from alexandraglam in How to resize this image(logo) in the footer section   
    use this code 
    #block-yui_3_17_2_1_1621115524816_27495 .intrinsic { max-width: 150px !important; }
  20. Like
    Agha_Waqas got a reaction from BoulevardNorth in Resizing Form Lightbox Button   
    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;}
  21. Like
    Agha_Waqas got a reaction from tuanphan in Resizing Form Lightbox Button   
    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;}
  22. 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;
        }

  23. Like
    Agha_Waqas got a reaction from joe7654321 in Changing logo size on mobile - 7.0 Wells   
    add below code into CSS editor. and adjust the width according to your needs,
    @media (max-width: 800px) {
        .logo {
            a img {
                width: 200px !important;
            }
        }
    }
  24. Like
    Agha_Waqas got a reaction from tuanphan in Custom Font for Store Titles   
    apply this code into css editor

    .ProductList-item h1.ProductList-title { font-family: 'Souvenir' !important; }
  25. Like
    Agha_Waqas got a reaction from tuanphan in Image Stack on 'Tablet' Size in 7.1   
    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;
            }
        }
    }
×
×
  • Create New...