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
    you can use below code with the first name and last name inputs. @media (min-width: 768px) { [data-form-id="60df7f0994f5130f65de1b70"] { display: flex !important; justify-content: space-between !important; align-items: center !important; .field-list { display: flex !important; fieldset { display: flex !important; justify-content: space-between !important; margin: 0 2% 0 0 !important; flex-basis: 46% !important; .field { float: none !important; margin-left: 0 !important; } } } .form-button-wrapper { margin-left: 2% !important; input { margin-top: -3vw !important; } } } }
  2. Agha_Waqas
    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>
  3. Agha_Waqas
    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.
  4. Agha_Waqas
    hi. below code is for the product page. .ProductItem-gallery { position: -webkit-sticky; position: sticky; top: 0; }
  5. Agha_Waqas
    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; } } } }
  6. Agha_Waqas
    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; }
  7. Agha_Waqas
    Hi, Yes it is possible, I recently Made this one of my client. You will inbox me if you discuss with me further on it. Thanks.
  8. Agha_Waqas
    Hi, see this instruction might be it will work for you. It embed pdf via google drive into website. You will add embedded code into code block in squarespace.
  9. Agha_Waqas
    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; }
  10. Agha_Waqas
    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>
  11. Agha_Waqas
    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.
  12. Agha_Waqas
    Hi. Man its working for me on Firefox.
  13. Agha_Waqas
    Hi add below code into CSS editor. #block-yui_3_17_2_1_1622565046388_29210 { padding-top: 0 !important;} #block-e7dd3c9cfae7c109a2fd { padding-bottom: 0 !important;}
  14. Agha_Waqas
    Hi, Add below code into CSS editor .sqs-lightbox-meta p { color: #fff !important; }
  15. Agha_Waqas
    Hi do you try this option which square space gives, screenshot attached.
  16. Agha_Waqas
    Hi Tracy, Will you please share the website link?
  17. Agha_Waqas
    You can tweak the navigation with CSS, Hide your logo, Make the Navigation 100% and use Flex box.
  18. Agha_Waqas
    Hi Chris, di you see the button code into Footer code injection settings > advanced > code injection > header or footer you must be found there.
  19. Agha_Waqas
    Adjust the line height in the same code which i provided you line-height: 20px;
  20. Agha_Waqas
    hi add below code to CSS editor .image-block .design-layout-stack { display: flex !important; flex-direction: column-reverse !important; }
  21. Agha_Waqas
    okay then you can use basic way. add below code into CSS editor .header-nav-folder-item a:hover { border-bottom:1px solid #000 !important;} Add this below code into Home page header injection <style> .header-nav-folder-item a:hover { border-bottom:1px solid #fff !important;}</style> see if that works for you
  22. Agha_Waqas
    try this one .white .header-nav-folder-item a:hover { border-bottom:1px solid #000 !important;}
  23. Agha_Waqas
    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;}
  24. Agha_Waqas
    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; } } }
  25. Agha_Waqas
    hi. applied below code .gallery-caption-grid-masonry p { font-size: 30px !important; }
×
×
  • 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