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
    Hi. i just noticed in developer console it shows error. will you double check in the footer section the <script> tag you are using, did you close it like this </script>. due to this markdown code is not working may be <script> //js code </script> and also i see you added the style tag around the JavaScript code. Correct code is below. copy paste below code into header page. remove yours. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h4').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle(); $(".markdown-block .sqs-block-content h4").click(function() { $(this).nextUntil("h4").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script> <style> .markdown-block p { margin-left:1.5em; } .markdown-block .ui-closed:before { font-family:monospace; content:"+ "; } .markdown-block .ui-open:before { font-family:monospace; content:"- "; } </style>
  2. Agha_Waqas
    Hi. you need to wrap your code with <style> tag. below is a example <style>//Add CSS code here</style>
  3. Agha_Waqas
    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;}
  4. Agha_Waqas
    Hi i just checked your website and it seems like button is exist there but due to background and text color white it show it is missing. you can adjust color from the styles or use below code for it. .header-menu .header-menu-cta a { color: #080d9b !important; background-color: #fe771c !important; border-color: #fe771c !important; }
  5. Agha_Waqas
    it isn't working. please double check on your side.
  6. Agha_Waqas
    Hi. try this code. .sqs-svg-icon--list { a:hover { opacity: 1 !important; } a:hover .sqs-use--icon { fill: #EF233C !important; } }
  7. Agha_Waqas
    add below code into CSS editor. and adjust the width according to your needs, @media (max-width: 800px) { .logo { a img { width: 200px !important; } } }
  8. Agha_Waqas
    can you please share the password.
  9. Agha_Waqas
    Can you please share the website link
  10. Agha_Waqas
    will you please share the password?
  11. Agha_Waqas
    Hi. you can simply target it from the class name. code: .css-11cewt9 { display: none; } This code will hide the anchor <a> from your website.
  12. Agha_Waqas
    @unavoltaYour welcome
  13. Agha_Waqas
    apply this code into css editor .ProductList-item h1.ProductList-title { font-family: 'Souvenir' !important; }
  14. Agha_Waqas
    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; } } }
  15. Agha_Waqas
    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; } } } } }
  16. Agha_Waqas
    hi. below is a code for this. adjust the margins as you want. Design > Css Editor. #page section:first-child { .html-block { .sqsrte-small { margin-bottom: 0 !important; // First line margin adjustment } h1 { margin: 0 !important; // Heading margin adjustment } p { margin: 0 !important; // last line margin adjustment } } }
  17. Agha_Waqas
    Hi. I just reviewed your website and it working
  18. Agha_Waqas
    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; }
  19. Agha_Waqas
    You can add below code in your Custom CSS editor. It will hide button on both desktop and mobile. #item-60632671dc94e57b3a76bb27 .header-actions-action--cta, #item-60632671dc94e57b3a76bb27 .header-menu-cta { display: none; }
  20. Agha_Waqas
    Hi nicolel824 Yes we can create this effect via custom CSS code In custom code you need to use Position Sticky to get this effect. like .element { position: sticky; top: 0; } If you need further assistance you can contact me.
×
×
  • 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