-
Posts
64,701 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Background highlight effect for main navigation link
tuanphan replied to tucecoop's topic in Site Design & Styles
People item only or all items? If people, use this code -
Change Header to Solid Color of Blog only posts
tuanphan replied to KristenL's topic in Site Design & Styles
Add it to Accordion Title, or Accordion Content? -
Use this CSS code div.header-nav-item [href="/people"]:hover { background-color: #00fe93; color: #000; }
- 50 replies
-
- navigation
- om-template
-
(and 2 more)
Tagged with:
-
You mean show all 21 items on the page?
-
Spacing issue with embedded code to a video link.
tuanphan replied to patriceacer's topic in Site Design & Styles
You try this thread: -
-
For example Skin Boosters When users click it, you want to scroll down to Skin Boosters section on Homepage or Which Page? and How did you add Anchor links? (You can describe all steps what you did)
-
First, you need to find Simple List Section ID, use this tool: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff In my example, it is Suppose you want to target Item 2, it should be section[data-section-id="66058810a2d50f0d71e77dcf"] li:nth-child(2)
-
In case you still can't solve this, you can keep your current code then use this CSS code under @media screen and (max-width: 767px) { .fe-660135df97084b29e8e466ad { grid-template-rows: repeat(14, minmax(24px, auto)) !important; } .fe-block-5383ca0efba4fcad47db { grid-area: ~"2 / 2 / 4 / 10" !important; } .fe-block-2351c206f7400897890f { grid-area: ~"4 / 2 / 11 / 10" !important; } .fe-block-c0de7060de495da66e53 { grid-area: ~"11 / 2 / 13 / 6" !important; } }
-
Remove Video Length Stamp on Courses Overview Page
tuanphan replied to MJC665's topic in Customize with code
Can you share link to this page? We can check easier -
Remove Category Details from Metadata, but keep within Archive
tuanphan replied to phobaker's topic in Customize with code
You can use this code to Website > Website Tools > Custom CSS div#block-yui_3_17_2_1_1711457472893_10880 li:nth-child(1) { display: none; } -
7.1 image hover on blog post title
tuanphan replied to brianrolfephoto's topic in Customize with code
Use this code, if it doesn't work, you can share link to blog page, I can check easier /* Blig List - Hover Effect */ .blog-basic-grid--text { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); opacity: 1; transition: all 0.3s; } article.blog-basic-grid--container.entry.blog-item.is-loaded { position: relative !important; transform: unset !important; } .blog-basic-grid article:hover .blog-basic-grid--text { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper:after { content: ""; background-color: rgba(255,255,255,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0.3s; } .blog-basic-grid article:hover .image-wrapper:after { opacity: 0; transition: all 0.3s; } .blog-basic-grid .image-wrapper { position: relative; } I don't see Summary on Homepage. Which page are you referring to? -
/config is url in edit mode, you can follow this guide to find page url https://summaryblock.com/find-page-url/
-
I need help with changes in the mobile-styled page menu
tuanphan replied to Nomis's topic in Images & Videos
#1. Underline I see you figured it out? Arrow Use this code to Custom CSS box span.chevron.chevron--left, span.chevron.chevron--right { border-width: 3px; } #2. You mean hover this >> Show a dropdown beside? #3. I see you figured it out? -
You can use this code to Website > Website Tools > Custom CSS [data-section-id="6601d74953c05876febd36da"] { /* Mobile */ @media screen and (max-width:991px) { video { opacity: 0; } img { opacity: 1 !important; } } /* desktop */ @media screen and (min-width:992px) { img { opacity: 0 !important; } }}
- 22 replies
-
- background
- images
-
(and 1 more)
Tagged with:
-
How to make a different gallery size on mobile and desktop view
tuanphan replied to gadzoe's topic in Images & Videos
You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="65f3214000ba3f226fcc3d24"] ul { min-height: unset !important; } }- 15 replies
-
This is possible, you can share link to page where you use slideshow on your site, we can check easier
-
What is your site url? We can check easier But you should check your logo file, to see if it has any big space inside it
-
i need a same alignment in my services list
tuanphan replied to lorainedeleonnnn's topic in Images & Videos
Can you share link to this page? -
#2. In my opinion, Google AI (as well as other search engines) are smart enough to understand what your image contains, so whether there is ALT or not, they know what the image is. .
- 1 reply
-
- accessibility
- alt-text
-
(and 2 more)
Tagged with:
-
Hi, Do you have a video file?
-
Which image are you referring to?
-
#1. You try change background-size: cover; to background-size: contain; #2. Can you take a screenshot of problem?