-
Posts
66,939 -
Joined
-
Last visited
-
Days Won
536
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 My pc don't use video software- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 you can use Loom.com to record video- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 Home > Design > Custom CSS? Saving css, i'll try checking.- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 Where did you insert CSS?- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 1. Replace //// content //// with /* content */ 2. add ; to after eg: padding-left: 10% is incorrect It should be padding-left: 10%; 3. CSS for @media must have { and } eg: @media screen and (min-width:768px) {here CSS} Some of your code is missing characters { or } 4. @media @tablet is incorrect 5. @media screen and (min-width:768px); is incorrect No ; it should be @media screen and (min-width:768px) { css here } In short, your code has many invalid characters Also your code is not optimal. For example, in the first code, if me, I will hide the padding bottom instead of using negative margin bottom- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Transparent Header on Front Page only (7.1)
tuanphan replied to CaptainMaze's topic in Fonts, colors and images
@CaptainMaze Add to Home > Design > Custom CSS .homepage .header-announcement-bar-wrapper { background: rgba(0,0,0,0) !important; }- 70 replies
-
- transparency
- homepage
-
(and 2 more)
Tagged with:
-
Transparent Header on Front Page only (7.1)
tuanphan replied to CaptainMaze's topic in Fonts, colors and images
@CaptainMaze some custom code can solve. Can you share Almar demo Url or your site url?- 70 replies
-
- transparency
- homepage
-
(and 2 more)
Tagged with:
-
CSS changes don't display until clicking on CSS Editor in menu
tuanphan replied to gm284's topic in Customize with code
@gm284 Can you share the CSS you used? & site url? (setup password & share url)- 28 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Text Outline/Drop Shadow in Navigation in Aviator
tuanphan replied to Flock's topic in Customize with code
@Flock Add to Home > Design > Custom CSS nav#main-navigation li a { border: 2px solid #fff; padding: 3px; } -
@nancyk @media screen and (max-width:640px) { .ProductItem-gallery { max-width: 50%; margin: 0 auto; } }
-
@Sarah_BlindBetty Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* Why we do this */ div#block-ffb38b8061957da12988 .image-card-wrapper .image-subtitle-wrapper * { font-size: 40px !important; } /* Homepage poster h2 */ div#page-5d549d47da36f300016fc63b .sqs-block-content h2 { font-size: 20px; } /* Homepage poster h3 */ div#page-5d549d47da36f300016fc63b .sqs-block-content h3 { font-size: 20px; } }
- 35 replies
-
- nueva-template
- css
-
(and 1 more)
Tagged with:
-
@nancyk If the code worked. you can click "Like" (heart icon, right) Thanks.
-
@Sarah_BlindBetty Custom code can solve. If you share site url, i can take a look.
- 35 replies
-
- nueva-template
- css
-
(and 1 more)
Tagged with:
-
Image block: card - Code to add a drop shadow? (wells template)
tuanphan replied to jpwelchux's topic in Customize with code
@jpwelchux remove above and use this .image-block-outer-wrapper.design-layout-card { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.07); } -
Image block: card - Code to add a drop shadow? (wells template)
tuanphan replied to jpwelchux's topic in Customize with code
@jpwelchux Add to Home > Design > Custom CSS .image-block-outer-wrapper { box-shadow: 1px 2px 3px 4px rgba(0,0,0,0.5); } Explain 1px: The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box 2px: The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box 3px: The blur radius. The higher the number, the more blurred the shadow will be 4px: The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow rgba(0,0,0,0.5) The color of the shadow, you can use code (#000) or name (black) or rgb (rgb(0,0,0)) or rgba. -
Image block: card - Code to add a drop shadow? (wells template)
tuanphan replied to jpwelchux's topic in Customize with code
@jpwelchux if you share url i can take a look. -
@nancyk You can add this code to Home > Design > Custom CSS @media screen and (min-width:641px) { /* Decrease Image Width */ .ProductItem-gallery { width: 40%; } /* Increase Detail Width */ .ProductItem-details { width: 60%; } }
-
Need shopping cart icon on right side of mobile header
tuanphan replied to braevin's topic in Customize with code
@braevin I think you need to some custom code to handle 1. You can use JavaScript to add Cart Text or Cart icon to Mobile Menu (right of header). 2. You can also insert some HTML tag (to create Cart Icon) in Code Injection (Footer), then use CSS to style/fixed the icon to bottom of site.- 21 replies
-
- shopping-cart
- mobile
-
(and 1 more)
Tagged with:
-
Need shopping cart icon on right side of mobile header
tuanphan replied to braevin's topic in Customize with code
@braevin Harris Demo on SS has no shop, so can't check. Can you share site url to check this? I think some custom code (CSS) can handle.- 21 replies
-
- shopping-cart
- mobile
-
(and 1 more)
Tagged with:
-
@Staymoo nice site 😂 You used border-bottom: none & text-decoration:none? Underline is background image, so border-bottom/text-decoration won't work. Add to Home > Design > Custom CSS div#block-yui_3_17_2_1_1570493637485_35714 a { background-image: none; }
-
@Staymoo Some simple custom code can solve. But you should share site url to check. If your site is private, please setup password & share url. See how to if you don't know: https://beaverhero.com/squarespace-how-to/#How_to_Setup_Password_Share_Site_URL
-
@Campcamp .Mobile-overlay-menu-main { padding-left: 10px; } nav.Mobile-overlay-nav.Mobile-overlay-nav--secondary { padding-bottom: 100px; } 5 minutes check & found the code
-
Change mobile styling on specific block
tuanphan replied to olipowell's topic in Customize with code
@olipowell add to Home > Design > Custom CSS @media screen and (max-width:640px) { div#block-ce591823b8f1025afa01 * { text-align: left !important; } div#block-ce591823b8f1025afa01 { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 30px !important; padding-right: 40px !important; } } -
@Cahmbyte @media (prefers-color-scheme:dark) { h2, h3 { color: #fff !important; } } 10 minutes: check & find the solution
-
@_Courtney Add to Home > Design > Custom CSS div#block-4d7b284ccdced9875689 p:after { content: ""; display: block; background-image: url(https://static1.squarespace.com/static/5d817ec…/t/5d81a0d…/1568776405451/LOGO-MAKERSMARK.png); background-size: contain; width: 50px; height: 50px; margin: 0 auto; margin-top: 40px; }