-
Posts
63,814 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
How to add a copyright footer in Wells template?
tuanphan replied to PoppieSkold's topic in Site Design & Styles
- 28 replies
-
- wells-template
- footer
-
(and 2 more)
Tagged with:
-
Change the Product Breadcrumbs Padding
tuanphan replied to EmbraceLeather's topic in Site Design & Styles
Add to Design > Custom CSS /* Product breadcrumbs */ nav.ProductItem-nav { padding-top: 100px; } -
Thank you. I forgot to ask, which page are you referring to? I don't see it on home page
-
Change the Product Breadcrumbs Padding
tuanphan replied to EmbraceLeather's topic in Site Design & Styles
If you share link to a product, we can check easier -
Getting Navigation to stack vertically
tuanphan replied to AmalieCharlesworth's topic in Site Design & Styles
Use this new code nav.header-nav-list>div:nth-child(n+4) { position: absolute; right: 0; bottom: 0; } nav.header-nav-list>div:nth-child(4) { right: 0vw; top: 0; } nav.header-nav-list>div:nth-child(5) { right: 5px; } -
You can keep it & remove this code, we will test new code to convert this into caption without lost style
-
How to make the mobile menu come up half width instead of full
tuanphan replied to Burcu's topic in Pages & Content
With your site, use this CSS (Design > Custom CSS) /* Mobile Overlay width */ .Mobile-overlay-menu { width: 50% !important; } -
Try this /* fill section */ [data-current-styles*='"customSectionHeight": 51'] .content-wrapper { padding: 0 !important; }
- 17 replies
-
You can setup a password & share url
- 9 replies
-
- content
- bandsintown
-
(and 1 more)
Tagged with:
-
Add to Design > Custom CSS. Adjust number 50 for spacing @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(1,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; margin-bottom: 50px; } .gallery-masonry-item-wrapper { height: 100% !important; } }
-
Trying to create a Blog page on an existing 7.0 site.
tuanphan replied to PeterSikes's topic in Pages & Content
-
Navigation changes to two lines when the screen gets smaller
tuanphan replied to michael2019's topic in Customize with code
Add to Design > Custom CSS nav.header-nav-list { flex-wrap: nowrap !important; }- 45 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
Add this code to Settings > Advanced > Code Injection > Header <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> and remove this line from Custom CSS
-
product-page 2 column stacked images on product page
tuanphan replied to danielbalazs's topic in Fonts, colors and images
-
Help Fixing Embedded Popup from Flodesk
tuanphan replied to Veronique9753's topic in Customize with code
Just add the code to Page Header (Page where you want to popup work with) -
How to slow down hover opacity effect on portfolio blocks?
tuanphan replied to TJC123's topic in Fonts, colors and images
Add to Design > Custom CSS /* hover effect */ .portfolio-grid-overlay .grid-item .portfolio-text { transition-duration: 900ms !important; } -
Add to Design > Custom CSS div#hs-eu-cookie-confirmation *:not(a) { color: #f1f !important; }
-
Changing gallery slideshow bullets size
tuanphan replied to MarioUrban's topic in Customize with code
Hi, What is your site url? -
Try adding to Design > Custom CSS div#block-3cf1eefc55e1376a73e5 li:nth-child(3) p:nth-child(3):before, div#block-3cf1eefc55e1376a73e5 li:nth-child(3) p:nth-child(4):before { display: inline-block; content: ""; background-color: red; width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; }
-
Add to Design > Custom CSS body.homepage .burger-inner { visibility: hidden; }
-
Use this code @media screen and (max-width:767px) { body.homepage .burger-inner>div { background-color: white !important; } }
-
Use this new code /* Force desktop menu on Tablet - Version 1 */ @media screen and (max-width:991px) { .header-display-desktop { display: flex !important; } .header-display-mobile { display: none; } .header-burger { display: none; } .header-nav nav { flex-direction: column; } .header-nav { display: flex !important; flex: 70% !important; justify-content: flex-end; width: 70% !important; } .header-title { flex: 50% !important; } .showOnMobile .header-actions-action.header-actions-action--cart { display: none; } }
- 15 replies
-
- navigation
- mobile
-
(and 3 more)
Tagged with: