-
Posts
63,814 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Try this new code /* Mobile Calendar */ @media screen and (max-width:767px) { a.background-image-link[href*="pink"] { background-color: #f26bdc !important; } a.background-image-link[href*="pink"] img { opacity: 0 !important; } .has-event * { color: white !important; } .yui3-squarespacecalendar .compact-layout .background { display: block !important; } }
-
Try adding to Design > Custom CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1685144312761_1887 .slide { max-width: 70% !important; left: 50%; transform: translateX(-50%); } }
-
Restaurant Menu, Language tabs with flag icon
tuanphan replied to Suenacarajo's topic in Customize with code
Add to Design > Custom CSS div#block-646b1d3082b36c1b8a484a94 label:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; margin-right: 5px; } div#block-646b1d3082b36c1b8a484a94 label:nth-child(1):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-catalan.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(2):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-espanol.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(3):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-ingles.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(4):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-italiano.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(5):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-frances.svg); } -
I also have a similar code, to add custom badge
- 1 reply
-
- store
- javascript
-
(and 1 more)
Tagged with:
-
Adding icon to phone number and email link in footer.
tuanphan replied to kmoore33's topic in Customize with code
Hi, What is your site url? We can help easier- 3 replies
-
- custom-css
- footer
-
(and 1 more)
Tagged with:
-
You mean hover on each image >> replace current image with new image or a smaller image will appear, over current image?
- 5 replies
-
- custom-css
- images
-
(and 2 more)
Tagged with:
-
My custom icon on header does not invert color
tuanphan replied to ManolisV's topic in Fonts, colors and images
#1. Can you send all current code after adding my code? #2. I don't know this, it is fine on my laptop. Windows 10/Chrome -
Add this to Design > Custom CSS body.header--menu-open .burger-inner>div { background-color: black !important; } body:not(.header--menu-open) .burger-inner>div { background-color: white !important; }
- 29 replies
-
- hamburger-icon
- menu
-
(and 2 more)
Tagged with:
-
You can add this to Design > Custom CSS. This code will hide titles on Live Mode only, title still shows appear on Edit Mode body:not(.sqs-edit-mode) .blog-item-title { display: none !important; }
-
How to resize Markdown font size for mobile?
tuanphan replied to Scaleupmarketing's topic in Fonts, colors and images
What is your site url or link to page where you have problem? We can check easier -
Way to make section dividers affect image blocks?
tuanphan replied to caramel's topic in Customize with code
-
Which code did you use? We can check & test it easier
-
Custom Toggle for Light and Dark Mode
tuanphan replied to TinaCreates's topic in Customize with code
You can see this plugin: https://www.adlyticmarketing.com/plugins/p/dark-mode- 2 replies
-
- html
- javascript
-
(and 1 more)
Tagged with:
-
Hi, What is your site url? We can check easier
-
How to increase circle size for text highlight
tuanphan replied to simicvedran's topic in Customize with code
Try adding to Design > Custom CSS div#block-f99769c02d9545845172 h3>span { padding: 20px !important; display: block; } -
Try adding this to Design > Custom CSS @media screen and (max-width:767px) { .header-mobile-logo { padding-right: 0 !important; } .header-actions.header-actions--right a { width: 25px !Important; } }
-
Add to Settings > Advanced > Code Injection > Footer <div class="custom-info-bar yui3-widget sqs-widget sqs-mobile-info-bar sqs-mobile-info-bar-hide"><div class="sqs-mobile-info-bar-content"><div class="sqs-mobile-info-bar-triggers"> <div class="sqs-mobile-info-bar-trigger" data-type="contactEmail"> <a href="mailto:michaelsnyder@snydertv.com"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Email</span> </a> </div> <div class="sqs-mobile-info-bar-trigger" data-type="contactPhoneNumber"> <a href="tel:+1 (404) 467-6895"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Call</span> </a> </div> <div tabindex="0" role="button" class="sqs-mobile-info-bar-trigger" data-type="location" data-overlay="true"> <span class="sqs-mobile-info-bar-trigger-icon"></span> <span class="sqs-mobile-info-bar-trigger-label">Map</span> </div> </div> <div class="sqs-mobile-info-bar-overlay" role="dialog" > <div tabindex="0" role="button" aria-label="Close" class="sqs-mobile-info-bar-overlay-close"> </div> <div class="sqs-mobile-info-bar-overlay-content"></div> </div></div></div> <style> @media screen and (max-width:767px) { .custom-info-bar { display: none !important; } } </style>
- 5 replies
-
- css
- mobile-information-bar
-
(and 2 more)
Tagged with:
-
You can try this similar plugin https://www.squarestylist.com/shop/movable-blocks
- 4 replies
-
- images
- code-injection
-
(and 1 more)
Tagged with:
-
Which page are you referring to? I don't see this on homepage, tried clicking on a post, still show nothing https://www.readalmostfamous.com/reviews/overmono-good-lies-review
-
Customise 'Form Block' in Lightbox Mode
tuanphan replied to WilliamAntonenko's topic in Fonts, colors and images
Add to Design > Custom CSS div.lightbox-inner input:not([type="submit"]), div.lightbox-inner textarea { border: none !important; background-color: white !important; border-bottom: 1px solid black !important; } -
Don't show current blog post in summary block
tuanphan replied to momallo's topic in Customize with code
With homepage, try adding this to Design > Custom CSS div#block-yui_3_17_2_1_1683917161417_33080 .summary-item:first-child { display: none; }- 11 replies
-
- summary-block
- blog
-
(and 1 more)
Tagged with:
-
-
Hi, Password is incorrect. Can you check it again? Password123!
- 1 reply
-
- metadata
- custom-css
-
(and 1 more)
Tagged with: