-
Posts
64,922 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Can you add code again? I will check again on mobile
-
Portfolio grid overlay & titles in mobile version
tuanphan replied to Mae2119's topic in Site Structure & Navigation
Use CSS code @media screen and (max-width:991px) { .portfolio-overlay { opacity: 0.85 !important; left: 20px !important; top: 20px !important; width: calc(~"100% - 40px") !important; height: calc(~"100% - 40px") !important; } .portfolio-text { opacity: 1 !important; }} -
It is possible, after testing something, I achieved it with SS See a demo: https://tuanphan3.squarespace.com/text-effect1 pass: abc Is this what you want?
-
- 15 replies
-
I also host domains on Namecheap and email on Google Workspace. Suppose I shutdown the main site and create an email with a new domain. I will still renew the domain name every year (after all, it is quite cheap, only 10-12 $/year, Moreover, the main email, many customers still contact through there), then use Cloudflare Email Routing (free) to forward all new emails from old domain to new domain. Cloudflare has this feature recently.
-
I don't know how to calculate it automatically with the code, I have to manually try each number until I find the number that seems best.
-
Create page loading/page transition effect
tuanphan replied to KhanhLy174's topic in Customize with code
updated code, I added some attributes, you try adding it again, if it still doesn't work, try moving the code to Code Injection > Header, if it still doesn't work, you can keep the code, I can check again easier -
Customize event list summary on homepage
tuanphan replied to collgrimes's topic in Customize with code
Can you check homepage? It looks like you removed summary on homepage -
Add this code to Page Header Code Injection (page you want the effect appears) <style> section, .section-border, .section-background { background-color: transparent !important; } html { background: #000; min-height: 100vh; } html::after { z-index: 9999; content: ""; position: fixed; inset: 0; pointer-events: none; user-select: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%239098a0'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%236e757c'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640px 480px' width='640px' height='480px'> %3Cstyle> circle { r: 3px; } %3C/style> %3Cg fill='%233e434a'> %3Ccircle cx='591px' cy='99px' /> %3Ccircle cx='591px' cy='363px' /> %3Ccircle cx='543px' cy='123px' /> %3Ccircle cx='525px' cy='15px' /> %3Ccircle cx='519px' cy='195px' /> %3Ccircle cx='501px' cy='183px' /> %3Ccircle cx='465px' cy='231px' /> %3Ccircle cx='465px' cy='375px' /> %3Ccircle cx='453px' cy='159px' /> %3Ccircle cx='447px' cy='435px' /> %3Ccircle cx='435px' cy='3px' /> %3Ccircle cx='399px' cy='123px' /> %3Ccircle cx='387px' cy='171px' /> %3Ccircle cx='381px' cy='207px' /> %3Ccircle cx='63px' cy='111px' /> %3Ccircle cx='357px' cy='471px' /> %3Ccircle cx='345px' cy='279px' /> %3Ccircle cx='345px' cy='63px' /> %3Ccircle cx='333px' cy='111px' /> %3Ccircle cx='321px' cy='183px' /> %3Ccircle cx='219px' cy='243px' /> %3Ccircle cx='213px' cy='375px' /> %3Ccircle cx='207px' cy='171px' /> %3Ccircle cx='189px' cy='111px' /> %3Ccircle cx='189px' cy='351px' /> %3Ccircle cx='177px' cy='423px' /> %3Ccircle cx='177px' cy='327px' /> %3Ccircle cx='141px' cy='171px' /> %3Ccircle cx='111px' cy='339px' /> %3Ccircle cx='93px' cy='255px' /> %3Ccircle cx='81px' cy='39px' /> %3Ccircle cx='57px' cy='447px' /> %3Ccircle cx='57px' cy='351px' /> %3Ccircle cx='75px' cy='411px' /> %3Ccircle cx='33px' cy='225px' /> %3Ccircle cx='33px' cy='279px' /> %3Ccircle cx='165px' cy='15px' /> %3Ccircle cx='27px' cy='387px' /> %3Ccircle cx='21px' cy='39px' /> %3C/g>%3C/svg>"); background-size: 640px 480px, 480px 360px, 256px 192px; --snowfall-pos-x: 0; --snowfall-pos-y: 0; background-repeat: repeat; background-position: 0 0; } /* no-op condition for scoping */ html::after { animation: snowfall-no-composition 96s linear infinite; } @keyframes snowfall-no-composition { 0% { background-position: 0 0, 0 0, 0 0; } 3.125% { background-position: -60px 480px, -45px 360px, -24px 192px; } 33.3333333333% { background-position: -640px 5120px, -480px 3840px, -256px 2048px; } 100% { background-position: -1920px 15360px, -1440px 11520px, -768px 6144px; } } @supports (animation-composition: replace, add, add) { /**/ html::after { animation: snowfall-x 32s linear infinite, snowfall-y 3s linear infinite, snowfall-x-wobble-1 8s cubic-bezier(0.35, 0, 0.65, 0.99) infinite, snowfall-x-wobble-2 8s cubic-bezier(0.35, 0, 0.65, 0.99) infinite; animation-composition: replace, add, add, add; animation-delay: 0s, 0s, 0s, 0.23s; } } @keyframes snowfall-y { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 0 480px, 0 360px, 0 192px; } } @keyframes snowfall-x { from { background-position: 0 0, 0 0, 0 0; } to { background-position: -640px 0, -480px 0, -256px 0; } } @keyframes snowfall-x-wobble-1 { 0% { background-position: 16px 0; } 50% { background-position: -16px 0; } 100% { background-position: 16px 0; } } @keyframes snowfall-x-wobble-2 { 0% { background-position: 0 0, 12px 0; } 50% { background-position: 0 0, -12px 0; } 100% { background-position: 0 0, 12px 0; } } @keyframes snowfall-x-wobble { 0% { background-position: 16px 0, 12px 0, 6.4px 0; } 50% { background-position: -16px 0, -12px 0, -6.4px 0; } 100% { background-position: 16px 0, 12px 0, 6.4px 0; } } </style>
-
Change * to section[data-section-id="6556300ea781261d2e8c9be3"] *
-
Login Button shows in only one language
tuanphan replied to vascoland's topic in Customize with code
Can you enable Login button? I don't see it on header or where is it? -
How do I add more than 6 columns to a gallery block?
tuanphan replied to RyanZhuo's topic in Customize with code
I don't see this section section[data-section-id="6564581a43ba8403985922d5"] on the page Can you take a screenshot? Maybe your id is incorrect -
Five: Remove banner image on individual pages.
tuanphan replied to Weirden's topic in Customize with code
Can you take a screenshot of your Advanced section? (Maybe you added to Site wide advanced, instead of Page Advanced) Also, you can disable Ajax Loading, sometimes Ajax can cause this problem- 30 replies
-
- five-template
- banner
-
(and 1 more)
Tagged with:
-
Changing the weight of bold text with CSS - not working!
tuanphan replied to megwh's topic in Customize with code
Maybe the font doesn't support this weight. Can you share link to page where you use text? -
If you share link to page where you use Spotify, I can check easier
-
#1. You want to increase with to make button text on one line? #2. About Us on one line? Learn more button, add a space above it or?
- 10 replies
-
- layout-engine
- accessibility
-
(and 1 more)
Tagged with:
-
You can share link to your site, or add 2 videos then share link, we can check code easier
- 3 replies
-
- code-injection
- code
-
(and 3 more)
Tagged with:
-
Change top navigation dropdown menu styling in Lusaka theme
tuanphan replied to harlowbogie's topic in Customize with code
Add to Website Tools (under Not Linked) > Custom CSS /* Dropdown menu */ .header-nav-folder-content { left: 0 !important; min-width: 250px !important; } .header-nav-folder-content * { text-align: left !important; } -
Use this new code /* Text hover slide up */ .portfolio-text { transform: translateY(100px); transition: all 0.3s ease !important; } a.grid-item:hover .portfolio-text { transform: translateY(0); transition: all 0.3s ease !important; } a.grid-item { overflow: hidden; }
-
You can add this code to Website Tools (under Not Linked) > Custom CSS section.product-details.ProductItem-details { padding-top: 0px !important; }
-
What is site url?
-
Add this code to Website Tools (under Not Linked) > Custom CSS /* side by side sections */ @media screen and (min-width:768px) { [data-section-id="656f6f96b513680b193a253f"], [data-section-id="656f6f96b513680b193a253f"]+section { width: 50% !important; float: left !important; } [data-section-id="656f6f96b513680b193a253f"]+section+section { clear: left !important; } }