-
Posts
64,861 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Code block text is not fading on with user scroll like the rest of the site
tuanphan replied to BilO's topic in Code Blocks
You can use default Text Block, we can give you code to reduce space between heading/text Because adding fading effect to Code Block will be more complex -
You can use this code to Website > Website Tools > Custom CSS body#collection-5bca34dee5e5f0cd07ce8da8 .gallery-block:hover { cursor: pointer; }
-
The page doesn't work now. Can you check it again?
-
MOVE SOME NAVIGATION LINKS TO RIGHT SIDE IN HEADER
tuanphan replied to MarcAdam's topic in Customize with code
You can also try this guide I wrote recently https://summaryblock.com/left-menu-middle-logo-right-menu/- 4 replies
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
Hi, I need help with animating the dropdown menus on my website.
tuanphan replied to JJ04's topic in Customize with code
Do you have/know an example of your desired effect? We can imagine and test code easier -
You need to set z-index [data-section-id="6616afa9f3ea0b7bba607952"] { position: fixed; top: 160px; z-index: 123456789 !important; }
- 13 replies
-
- css
- fixed-navigation
-
(and 1 more)
Tagged with:
-
Now you want to reduce this space? You can use this code to Website > Website Tools > Custom CSS /* Space under text */ .fe-6616ad5d281a48227f8ba778 { grid-template-rows: repeat(45,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
-
@nicki-patsios I don't see these images on the link you shared. Can you check it again?
-
Remove header and footer from all individual portfolio pages
tuanphan replied to charlineca's topic in Customize with code
You can use this CSS code body.collection-65b1bdf0c3b6960fefb8fc64 header#header, body.collection-65b1bdf0c3b6960fefb8fc64 footer.sections { display: none !important; } -
Vertical Video - change 16:9 container to vertical
tuanphan replied to miketerranova's topic in Customize with code
You can use this CSS code under @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1711831694026_15313 video { object-fit: cover !important; } .fe-block-yui_3_17_2_1_1711831694026_15313 {grid-column-start: 2 !important;grid-column-end: 10 !important;} } -
How to customize the background color of related products
tuanphan replied to FFederica's topic in Customize with code
I don't know this, or you can consider adding Summary Block into each product to customize this -
Can you share link to this page?
-
Custom Font on Blog List or Blog Summary
tuanphan replied to GinaPayne's topic in Customize with code
I see you figured it out with this CSS code? .summary-title-link { font-family: 'Gilroy-Light'; line-height: -1 !important; } (-1 doesn't exist) -
Need custom CSS code to change arrow style for carousel
tuanphan replied to JessicaWare's topic in Customize with code
Use this code to Website > Website Tools > Custom CSS. Here I used an example arrow icon url, you can replace with your icon url body#collection-65ace4e2fb0c2f0015d2b8bf { button[class*="arrow-button"] svg { display: none !important; } [class*="arrow-icon-background"] { background-size: contain; background-repeat:no-repeat; background-position: center center; background-color: transparent !important; } button[class*="arrow-button--left"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1773097810_Group12@2x.png.fd2d6dc749f79343ae687e29649cea4f.png); } button[class*="arrow-button--right"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png); }}- 10 replies
-
- custom-css
- design
-
(and 1 more)
Tagged with:
-
Team Image Avatar > Video Avatar on Hover
tuanphan replied to CharlieHNZNeu21's topic in Customize with code
Change to video is complex, you can consider using Gif instead, we can give you code- 3 replies
-
- code-injection
- video
-
(and 1 more)
Tagged with:
-
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
I see you solved top space with space under widget, you can use this code to Website > Website Tools > Custom CSS /* space under elfsight */ .fe-65b1611b59bc023000f1f67f { grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
-
Text leaving poster margins on smaller desktops
tuanphan replied to JeRo92's topic in Customize with code
p4ssw0rd password is incorrect. Can you check it again? -
How to add divider above footer on blog pages in 7.1 Fluid Engine
tuanphan replied to chynna's topic in Customize with code
If you share link to a blog post + and divider, we can help easier- 13 replies
-
Try this code to Website > Website Tools > Custom CSS div#block-7636b738b58a35d32b5b * { font-size: 30px !important; }
- 1 reply
-
- style-editor
- quote
-
(and 1 more)
Tagged with:
-
Add a dropdown menu within a page (not in navigation menu)
tuanphan replied to jcny85's topic in Customize with code
Hi, Have you tried Accordion Block yet? https://support.squarespace.com/hc/en-us/articles/4411581892749-Accordion-blocks- 3 replies
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
Edit 7 Pages > Add a Block (anywhere on page)> Choose Code from the list > Paste this code > Then save & reload the page <style> div.float-button { display: none !important; } </style>
-
Custom Menu Bar on Homepage not working on Firefox
tuanphan replied to untamedbri's topic in Customize with code
You mean Logo not clickable or which elements? -
Hi Can you share link to homepage? We can check easier