-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Anchor links not working in mobile view
tuanphan replied to RuxandraM's topic in Site Design & Styles
-
You can use anchor links to achieve this. and use some CSS box to move/style anchor links Suppose you have 4 sections: About, Contact, Services, Pricing on same page, you need to create a vertical menu box with these links First, edit About Section, add a Code Block > Paste this code <span id="about"></span> Next, edit Contact Section > Add a Code Block with this code <span id="contact"></span> Next, for Services <span id="services"></span> Do similar Final, add a Code block at bottom or top of page with this code <div class="anchor-box"> <a href="#about">About</a> <a href="#contact">Contact</a> <a href="#services">Serivces</a> <a href="#pricing">Pricing</a> </div> <style> .anchor-box { position: fixed; top: 100px; left: 30px; z-index: 999; } </style> If it doesn't work, keep all code and share link to page, we can check easier
-
Default padding of button causes this. You can use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) to fix problem div.form-block input.button.sqs-system-button { border-radius: 50% !important; width: 100px !important; height: 100px !important; line-height: 100px !important; padding: unset !important; }
-
How to add text banner that spans width of page?
tuanphan replied to JeanieKameron's topic in Pages & Content
You can add new section then share site url, we can help you reduce section height with code -
You can add this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) body.homepage header#header img { filter: invert(0); } If it doesn't work, change 0 to 1 If it still doesn't work, please share link to your site, we can check easier
-
With Gallery Caption, you need to use this code .gallery-caption p.gallery-caption-content { font-family: futura-pt !important; }
-
How do I change the background color of all my blog posts?
tuanphan replied to howiechan's topic in Site Design & Styles
-
Site shifts left and right on desktop and mobile
tuanphan replied to formedfromlight's topic in Site Design & Styles
Hi, Logo is too big so it causes scroll + white bar. You can use a smaller version for mobile logo or use this to Custom CSS box to reduce logo size /* Mobile logo size */ div.header-display-mobile img { max-height: 50px !important; } (Just a little experience if you have problems next time. How I found out the cause: I hided each section with the code one by one, then found that if I delete the header, it disappears. I redisplayed them all, and removed each element in the header and found that the logo was causing the problem) -
Desktop Hamburger Custom Image Loads Mega Menu
tuanphan replied to MMEbyKiandraTrickett's topic in Customize with code
hunter23 PW is incorrect -
So did you solve or still need help? The domain haven't connected complete with SS yet so I can't access it now
-
Change this line $(searchBlock).insertAfter($('.header-title-nav-wrapper')); to this $(searchBlock).insertAfter($('.header-nav'));
-
Adding text between the Header/Navigation and Products
tuanphan replied to euan's topic in Customize with code
Yes. Possible. See this code -
You mean you want to remove Add to Cart button? For all products or specific product? If specific, can you share link to a product?
-
What is your site url? We can check code easier
-
Add this code to Design > Custom CSS (or Website > Scroll down and choose Website Tools > Custom CSS) /* related 4 items */ .ProductItem-relatedProducts.ProductList.clear .list-grid .grid-item:nth-child(n+5) { display: none !important; }
-
Changing the colors on Lightbox Forms
tuanphan replied to Leda_Atomika's topic in Fonts, colors and images
Hi, Where is lightbox form? -
Gallery Page with Images - Custom Hover + Titles
tuanphan replied to kakejeller's topic in Fonts, colors and images
You can use this to Custom CSS box .gallery-caption p.gallery-caption-content { font-family: 'Poppins' !important; font-weight: 400 !important; text-transform: uppercase !important; } Also, it already show one column to me- 3 replies
-
- gallery-page
- images
-
(and 3 more)
Tagged with:
-
-
With date, use this .events-item-pagination-date { font-family: 'Boing_bold' !important; }
- 5 replies
-
- events-page
- font
-
(and 1 more)
Tagged with:
-
Remove Zoom Effect on Hover for Basic Portfolio Grid
tuanphan replied to addisonpann's topic in Customize with code
You can add this code to Custom CSS /* remove portfolio image zoom */ div#gridThumbs img { transform: unset !important; } -
Cycle through all product images on hover 7.1
tuanphan replied to volleyballlexie's topic in Fonts, colors and images
Hi, This is not possible. You try find another approach