-
Posts
544 -
Joined
-
Last visited
-
Days Won
7
Reputation Activity
-
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
-
IXStudio reacted to masongray in Transparent Header on Front Page only (7.1)
Thank you so much this worked!
-
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
-
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.
-
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
-
IXStudio reacted to tuanphan in Carousel Scrolling Announcement Bar
You can try this code. I tested on my demo site.
-
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
-
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
-
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
-
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
-
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
-
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
-
IXStudio reacted to mguz in How do I change "Category Title" Font Size?
Thank you!! Worked perfectly.
-
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
-
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
-
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; }
-
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 >.
-
IXStudio reacted to ChrisS1980 in Change color of just one hyperlink - how to with CSS?
Wow - two great solutions. Many thanks 🙂
-
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
-
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; }
-
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
-
-
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
-
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
-
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;} }