-
Posts
64,701 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
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:
-
Add to Design > Custom CSS .yui3-lightbox2 .sqs-lightbox-meta h1 { font-size: 2em !important; } .yui3-lightbox2 .sqs-lightbox-meta p { font-size: 3em !important; color: gray !important; }
- 6 replies
-
- font
- style-editor
-
(and 1 more)
Tagged with:
-
change background color of enlarged product image
tuanphan replied to nooneshome's topic in Site Design & Styles
Use this new code /* Lightbox background color */ .yui3-lightbox2 .sqs-lightbox-overlay { background-color: rgba(255,255,255,0.5) !important; } .yui3-lightbox2 .sqs-lightbox-close, .yui3-lightbox2 .sqs-lightbox-previous, .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-meta-trigger { color: black !important; } -
Hamburger menu on Android phones
tuanphan replied to Mallekyed's topic in Site Structure & Navigation
You mean the items disappear? -
- 4 replies
-
- site-styles
- design
-
(and 3 more)
Tagged with:
-
Change this code in CSS box .header-nav-item--active a { background-image: linear-gradient(#19a09a,#19a09a) !important; } to this .header-nav-item--active>a { background-image: linear-gradient(#19a09a,#19a09a) !important; }
-
What is your site url?
-
Spacing between blocks changing without editing
tuanphan replied to greenfrannie's topic in Pages & Content
/config is url for site owner when you edit page > click arrow on top left or top right > Real url will appear in browser address bar