Jump to content

Agha_Waqas

Member
 View Profile  See their activity

  • Posts

    133

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Everything posted by Agha_Waqas

  1. Agha_Waqas
    Can you share the website link.
  2. Agha_Waqas
    it looks fine to me
  3. Agha_Waqas
    Hi. May be you were doing something wrong. That code was working for me. If possible you can inbox me logins l will fix this or other issues. These are not quite complex issues.
  4. Agha_Waqas
    I did not know why your designer do that code. But this code was blocking the clicks. He was better knew why he was using that code. May be he wanted to block users click on any image link but he did not applied code on that specific element. He applied on all img links elements.
  5. Agha_Waqas
    Hi. you can use below code for it. copy/paste code into CSS editor @media (min-width: 768px) { .ProductItemVariants { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; .ProductItem-product-price { flex-basis: 100% !important; } .ProductItem-details-excerpt { flex-basis: 100% !important; order: 2; } .product-variants { flex-basis: 100% !important; .variant-option { margin: 0 10px 0 0; } } .product-quantity-input { flex-basis: 49% !important; margin-right: 10px !important; } .sqs-add-to-cart-button-wrapper { flex-basis: 48% !important; } } }
  6. Agha_Waqas
    you can simply take these images into image block and set them side by side. adjust the position with spacers.
  7. Agha_Waqas
    if you want to change the font size of the accordion heading. add below code .markdown-block h4 { font-size: calc(1 * 1rem) !important; }
  8. Agha_Waqas
    Hi. Add below code into CSS editor .ProductItem-summary { align-items: flex-start !important; }
  9. Agha_Waqas
    I think you already fix it. now accordions show into 4 columns
  10. Agha_Waqas
    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.
  11. Agha_Waqas
    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; }
  12. Agha_Waqas
    Your Welcome
  13. Agha_Waqas
    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; } } } }
  14. Agha_Waqas
    Hi you can use below code into CSS editor .header-title-logo { pointer-events: none; }
  15. Agha_Waqas
    Simply add !important after the color or use below code body:not(.header--menu-open) .dark .header-nav-folder-content { background-color: transparent !important; }
  16. Agha_Waqas
    Can you please share the link of your website.
  17. Agha_Waqas
    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 } }
  18. Agha_Waqas
    Hi. please try below code. .folder-toggle:hover+.subnav { width: 100%; top: 14px; padding-top: 0; z-index: 99999; } .subnav:hover { opacity: 1 !important; }
  19. Agha_Waqas
    use this code #block-yui_3_17_2_1_1621115524816_27495 .intrinsic { max-width: 150px !important; }
  20. Agha_Waqas
    will you please share the site link?
  21. Agha_Waqas
    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.
  22. Agha_Waqas
    Add below code and adjust the image according to your need. @media (max-width: 520px) { [data-section-id="6095b258485640558b462631"] .section-background { padding-top: 86px; img { object-position: 55.1698% 0% !important; } } }
  23. Agha_Waqas
    thanks for the link. do you want to show the gift within the image?
  24. Agha_Waqas
    add below code into css editor @media (max-width: 1024px){ #eapps-google-reviews-6c531fd1-9bd5-4ab4-88d6-e677c4eb6f67 { z-index: 9 !important;} }
  25. Agha_Waqas
    Will you please share the link.
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources