Jump to content

IXStudio

Circle Member
  • Posts

    544
  • Joined

  • Last visited

  • Days Won

    7

Reputation Activity

  1. Thanks
    IXStudio got a reaction from artbln in How do I change "Category Title" Font Size?   
    You are welcome!
    Use this code in Design -> Custom CSS
    @media screen and (min-width:678px){ .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title { font-size: 40px !important; } } @media screen and (max-width:677px){ .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title { font-size: 20px !important; } } Please use the like button if it helps you!
    Best,
    Leopold
  2. Like
    IXStudio reacted to masongray in Transparent Header on Front Page only (7.1)   
    Thank you so much this worked!
  3. Like
    IXStudio got a reaction from masongray in Transparent Header on Front Page only (7.1)   
    Use this code in Design -> Custom CSS
    #collection-5f1d1f8d0e1af3503caff550.homepage .header-announcement-bar-wrapper { filter: invert(1) !important; } Please use the like button if it helps you!
    Best,
    Leopold
  4. Like
    IXStudio reacted to tuanphan in [Free template] Pricing Table   
    Some free code to create Pricing Table.
    Table 01.

    1. Add 2 Markdown Blocks with syntax
    #### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Features * Premium Templates * Contributors * Premium Extensions [Sign Up][1] [1]: https://beaverhero.com 2. Add Code Block & Insert this code
    <style> .markdown-block { background: #F2F5F7; margin-left: 17px; margin-right: 17px; transition: all 0.25s; } .markdown-block:hover { transform: scale(1.04); } /* title */ .markdown-block h4 { font-family: monospace; margin-bottom: 5px; padding-top: 20px; } /* price */ .markdown-block p:nth-child(-n+4) { font-family: monospace; } .markdown-block h4+p { font-size: 2em; } /* list */ .markdown-block ul { list-style: none; padding-left: 0; margin-bottom: 0; } .markdown-block ul li { color: #626262; padding: 5px; } /* Line between price - list */ .markdown-block ul li:first-child:before, .markdown-block ul li:last-child:after { content: ""; background: rgba(255,255,255,0.75); height: 1px; width: 50%; display: block; margin: 0 auto; margin-bottom: 20px; } .markdown-block ul li:last-child:after { margin-top: 20px; margin-bottom: 0; } /* buttons */ .markdown-block p:last-child { padding: 20px; } .markdown-block a { background: #0091CE; color: #fff; border-radius: 3px; padding: 10px 30px; display: inline-block; } /* Center all text */ .markdown-block * { text-align: center; } /* remove text padding */ .markdown-block p { margin-top: 0; margin-bottom: 0; } </style> Table 02.

    1. Add 2 Markdown Blocks with syntax
    #### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Features * Premium Templates * Contributors * Premium Extensions [Sign Up][1] [1]: https://beaverhero.com 2. Add Code Block & Insert code
    <style> /* title */ .markdown-block h4 { background: #0098D9; color: #fff; padding-bottom: 5px; font-family: monospace; margin-bottom: 0; } /* price */ .markdown-block p:nth-child(-n+3) { background: #00A8EE; color: white; font-family: monospace; } .markdown-block h4+p { font-size: 2em; } /* list */ .markdown-block ul { list-style: none; padding-left: 0; background: #354153; margin-top: 0; margin-bottom: 0; border-top: 1px solid #293341; color: #A0ABBF; } .markdown-block ul li { border-bottom: 1px solid #293341; border-top: 1px solid #424F64; padding: 5px; } /* buttons */ .markdown-block p:last-child { background: #354153; border-top: 1px solid #424F64; padding: 20px; } .markdown-block a { background: #0091CE; color: #fff; border-radius: 3px; padding: 10px 30px; display: inline-block; } /* buttons hover */ .markdown-block a:hover { background: #0082B9; } /* Center all text */ .markdown-block * { text-align: center; } /* remove text padding */ .markdown-block p { margin-top: 0; margin-bottom: 0; } </style> Code by Tuan.
    Table style from Codecanyon
    Will update many other tables soon.
  5. Like
    IXStudio reacted to MaryPhilip_ in Tabbed section with Accordion dropdown   
    Hey, I would mix the code from @WillMyers for tabbed content and then use the accordion in one of those sections:
     
    https://www.will-myers.com/articles/how-to-add-tabs-in-squarespace-70-71
    https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace
  6. Like
    IXStudio reacted to tuanphan in Carousel Scrolling Announcement Bar   
    You can try this code. I tested on my demo site.
  7. Like
    IXStudio got a reaction from mportch in Move hamburger icon? 7.1   
    Use this code in Design -> Custom CSS
    @media screen and (max-width:460px) { .Cart-inner .icon-cart-quantity { margin-right: -15px !important; } } Sorry you need web customization service to solve like these design-code bugs. If like to continue please contact me via DM or Skype: LeopoldJobs.
    Best,
    Leopold
  8. Like
    IXStudio got a reaction from mportch in Move hamburger icon? 7.1   
    Use this code in Design -> Custom CSS
    .Cart-inner .icon-cart-quantity { font-size: 8px !important; /* change to anythings you want */ } Please use the like button if it helps you!
    Best,
    Leopold
  9. Like
    IXStudio got a reaction from fhoreilly in Move hamburger icon? 7.1   
    You're welcome!
    Use this code in Design -> Custom CSS
    button.header-burger-btn.burger { padding: 0; } .header .header-actions-action--cart .icon { height: 22px; width: 22px; } Please use the like button if it helps you!
    Best,
    Leopold
  10. Like
    IXStudio got a reaction from mportch in Move hamburger icon? 7.1   
    Hi
    Follow to the code @tuanphan
    Use this code in Design -> Custom CSS
    .header-burger { order: 3 !important; } .header-actions.header-actions--right { order: 2 !important; } .header-actions--right .showOnDesktop { margin-right: 20px; } .header-display-mobile .showOnMobile{margin-right: -40px !important;} Please use the like button if it helps you!
    Best,
    Leopold
  11. Like
    IXStudio got a reaction from Supremo in How To Install + Dropdown Accordion in a Product Description   
    Hi @Khushk
    Use our free extension! It doesn't need code knowledge. Install and make your accordion in minutes. You can change fonts, colors, paddings, margins and etc... without coding!
    Check this video after 3 m.
     
    Download it from here: https://chrome.google.com/webstore/detail/squarespace-ninja-kit-ext/klkcninekpnpemndealaeebjajmkabcf
    Installation guide: https://www.ixstudio.net/ninjakit/installation-guide
    Please use the like button if it helps you!
    Best,
    Leopold


  12. Like
    IXStudio got a reaction from yungtier in How can I place a background image on my store page on 7.1   
    Hi,
    You can use SQSP section editor and in the second tab insert you custom background if you are using 7.1!
    Also this is your needs!
    Use this code in Design -> Custom CSS
    section[data-section-id="5f3a0d8062c23339b593353c"] .section-background { background: url('https://images.squarespace-cdn.com/content/v1/5f39dfc53a6be72f5bcec0f0/1599430910621-MMSYWOJEH3VCLMMRVQ59/ke17ZwdGBToddI8pDm48kPTrHXgsMrSIMwe6YW3w1AZ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0k5fwC0WRNFJBIXiBeNI5fKTrY37saURwPBw8fO2esROAxn-RKSrlQamlL27g22X2A/cocina4.jpg?format=1000w'); background-size: cover; } Please use the like button if it helps you!
    Best,
    Leopold
  13. Like
    IXStudio reacted to mguz in How do I change "Category Title" Font Size?   
    Thank you!! Worked perfectly.
  14. Like
    IXStudio got a reaction from mguz in How do I change "Category Title" Font Size?   
    You are welcome!
    Use this code in Design -> Custom CSS
    @media screen and (min-width:678px){ .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title { font-size: 40px !important; } } @media screen and (max-width:677px){ .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title { font-size: 20px !important; } } Please use the like button if it helps you!
    Best,
    Leopold
  15. Love
    IXStudio got a reaction from Clarilou in How do I change "Category Title" Font Size?   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (min-width:678px){ h3.nested-category-title.nested-category-title-padding { font-size: 40px !important; } } @media screen and (max-width:677px){ h3.nested-category-title.nested-category-title-padding { font-size: 20px !important; } } Please use the like button if it helps you!
    Best,
    Leopold
  16. Like
    IXStudio reacted to tuanphan in Add multiple buttons to header nav in Squarespace 7.1   
    Add to Home > Design > Custom CSS
    .header-nav-item [href*="/login"] { color: #6a92d2 !important; border-color: #6a92d2 !important; background: transparent; border-width: 2px; border-style: solid; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition: 0.1s background-color linear, 0.1s color linear; -o-transition: 0.1s background-color linear, 0.1s color linear; transition: 0.1s background-color linear, 0.1s color linear; font-family: Montserrat; font-weight: 700; font-style: normal; letter-spacing: .02em; text-transform: uppercase; line-height: 1.2em; padding: .86em 1.6032em !important; } nav.header-nav-list { align-items: center; }  
  17. Like
    IXStudio reacted to creedon in Add multiple buttons to header nav in Squarespace 7.1   
    Take a look at Site-wide passwords < https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords#toc-set-a-site-wide-password >.
  18. Like
    IXStudio reacted to ChrisS1980 in Change color of just one hyperlink - how to with CSS?   
    Wow - two great solutions. Many thanks 🙂
  19. Like
    IXStudio got a reaction from ChrisS1980 in Change color of just one hyperlink - how to with CSS?   
    Hi
    Use this code in Design -> Custom CSS
    #block-yui_3_17_2_1_1599495604788_125794 span a { color: #185bff !important; transition: 0.5s all; } #block-yui_3_17_2_1_1599495604788_125794 span a:hover { color: #0da3d5 !important; } It has a transition on hover!
    Please use the like button if it helps you!
    Best,
    Leopold
  20. Like
    IXStudio reacted to rwp in Change color of just one hyperlink - how to with CSS?   
    #block-yui_3_17_2_1_1599495604788_125794 a { color: blue !important; } #block-yui_3_17_2_1_1599495604788_125794 a:hover { color: red !important; }  
  21. Like
    IXStudio got a reaction from kc2615 in How to remove underline from links in footer?   
    Hi,
    Welcome to SQSP world!
    Use this code in Design -> Custom CSS
    .Footer-blocks .sqs-block-content a { text-decoration: none; border: 0 !important; } Please use the like button if it helps you!
    Best,
    Leopold
  22. Thanks
    IXStudio reacted to mportch in Bullet indent change? 7.1   
    Excellent thanks!
  23. Like
    IXStudio got a reaction from mportch in Bullet indent change? 7.1   
    Hi
    Use this code in Design -> Custom CSS
    .ProductItem-details-excerpt ul { padding-left: 17px; /* change it to anything you want! */ } Please use the like button if it helps you!
    Best,
    Leopold
  24. Like
    IXStudio got a reaction from JaydenCruzL in Hide Bottom Header Border In Mobile Navigation   
    Hi
    Follow to @tuanphan code.
    Replace that code with this code in Design -> Custom CSS
    @media screen and (max-width:767px) { body.header--menu-open .header-announcement-bar-wrapper {border:0 !important;} body:not(header--menu-open) .header-announcement-bar-wrapper {border-bottom: 1px solid #333 !important;} } Please use the like button if it helps you!
    Best,
    Leopold
  25. Like
    IXStudio reacted to tuanphan in Hide Bottom Header Border In Mobile Navigation   
    Add to Home > Design > Custom CSS
    /* Remove mobile header border */ @media screen and (max-width:767px) { .header-announcement-bar-wrapper {border: none !important;} }  
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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