Jia
-
Posts
230 -
Joined
-
Last visited
Reputation Activity
-
Jia got a reaction from hayleykimstudios in I'd like to change the font of my product title and price on my product page
For the breadcrumbs, add this code to custom css:
.ProductItem-nav { font-family: "Neue-Haas-Unica-Medium"; }
-
Jia got a reaction from tuanphan in Need a border around list item card CSS
Hi, add this to custom css:
.slide-content.list-item-card-background { border: 2px solid black; } -
Jia got a reaction from tuanphan in Product headings on individual sales pages are huge on mobile
Hi, try using this selector within the mobile media query and add the important tag:
.ProductItem-details h1.ProductItem-details-title
-
-
Jia got a reaction from Lorena1223 in Need a border around list item card CSS
Hi, add this to custom css:
.slide-content.list-item-card-background { border: 2px solid black; } -
-
Jia got a reaction from rhondahymason in Remove horizontal rule from the Store page
Here, try this one instead:
.products.collection-content-wrapper .nested-category-children::after { width: 0!important; }
-
Jia got a reaction from HOPEITALY in CHANGE CALENDAR DAY BACKGROUND AFTER HOVER
Hi, add this code to custom css:
.flyoutitem-datetime.flyoutitem-datetime--12hr { color:black !important; } .flyoutitem-excerpt p { color:black !important; } .yui3-squarespaceccalendar .flyoutitem-link-arrow:before { color:black; } -
Jia got a reaction from tuanphan in Transparent Navigation Bar on Homepage
Hi, sorry, forgot about the transparent part, here's an updated code:
#collection-660ed69adfb20b1a470e3ea0 { .header-background-solid { background-color:transparent!important; } .header-nav-wrapper a { color:#fffff; } .header-title { background-image:url('IMAGE URL HERE'); background-size: contain; } .header-title img { opacity:0; } } -
Jia got a reaction from tuanphan in Change Header Button Properties on Individual Pages
Add this code to custom css:
#collection-660a358f29ca3638a4f1c793 { a.btn.btn--border.theme-btn--primary-inverse.sqs-button-element--tertiary { background-color: white; color: #c85537; } } -
Jia got a reaction from hunters in Customize Submit Button Font on Contact From
Try adding this code to custom css:
button.button.sqs-system-button.sqs-editable-button.form-submit-button { font-family: 'MaisonNeueDemi'!important; letter-spacing: 0.5px!important; text-transform: uppercase!important; } -
-
Jia reacted to Ciellumiere in Change color of text and box background on hover
Brilliant! works like a charm! thank you
-
Jia reacted to FTWSGEM in Scrolling Gallery is targeting all galleries - Help!
Thank you @Jia amazing!
-
Jia got a reaction from FTWSGEM in Scrolling Gallery is targeting all galleries - Help!
Ahh my bad, I missed a colon. Let's try this code:
section[data-section-id="660306201b192a3d5c8ecd97"] { line-height: 2 !important; overflow-x:hidden; .gallery-grid-wrapper { display:flex !important; animation: slideshow 40s linear infinite } .gallery-grid-wrapper .gallery-grid-item { min-width: 20%; margin-right: 5% } @keyframes slideshow { 0% { left: 0; } 100% { left: -125%; } } } -
Jia got a reaction from jlaperch in Googler Font Import 7.1
Hi, try removing the '2' after css2 like so:
@import url('https://fonts.googleapis.com/css?family=Lexend:wght@100..900&display=swap'); -
Jia reacted to undefined in Styling dropdown navigation text
AMAZING @Jia thank you SO MUCH! Lifesaver!
-
Jia reacted to trececreative in Customize Submit Button Font on Contact From
This worked, thank you!
-
Jia got a reaction from trececreative in Customize Submit Button Font on Contact From
Try adding this code to custom css:
button.button.sqs-system-button.sqs-editable-button.form-submit-button { font-family: 'MaisonNeueDemi'!important; letter-spacing: 0.5px!important; text-transform: uppercase!important; } -
Jia reacted to Inkdave in How to increase spacing between product images?
Thanks Jia that worked perfectly. 😀
-
Jia got a reaction from backwaterflorida in Remove site title, navigation and footer on only one page
Add this code:
#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a { .Mobile-bar.Mobile-bar--top { display: none; } } -
Jia got a reaction from backwaterflorida in Remove site title, navigation and footer on only one page
On which pages are you trying to remove the header and footer? The code I provided was only applicable to the page you linked.
-
Jia got a reaction from backwaterflorida in Remove site title, navigation and footer on only one page
Alright, replace the code we added with this. Again, this is only applicable for those 2 pages.
#collection-65e928f35217070e1ea8806e, #item-65f9ae28547e01097c19245a { header, footer { display:none!important; } }
-
Jia got a reaction from bartseijbel in Change the background color of underlined text with CSS
Hi, try this code. It targets all underlined text in descriptions of accordion blocks.
.sqs-block-accordion .accordion-item__description span { background-color: yellow; }
-
Jia got a reaction from Harry4893 in Hover change for footer links
Hi, try adding this to custom css. Just change 'red' to your preferred colour or hex code.
section[data-section-id="61b683e3ec1414216645742b"] span.sqsrte-text-color--black:hover { color:red; } If you want to change the colour of the underline as well, add this code:
section[data-section-id="61b683e3ec1414216645742b"] a:hover { color:red !important; } Let me know how it goes 🙂