Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Content Count

    25,321
  • Joined

  • Last visited

  • Days Won

    284

Everything posted by tuanphan

  1. Q1. Add to Design > Custom CSS /* Align last filter buttons */ .custom-filter-container[class*=custom-filter-view-buttons] .filterDropdown.sqs-block .archive-group-list li:last-child { margin-right: 6px !important; } Q2. You should contact Filter plugin author.
  2. Add to Design > Custom CSS @font-face { font-family: fontname; src: url(enter custom font file url here); } /* p3 */ p.sqsrte-small { font-family: fontname !important; } /* p4 */ pre code { font-family: fontname !important; } Q2. You mean change link color?
  3. Add to Design > custom CSS /* Shop category links */ li.nested-category-breadcrumb-list-item a:hover { text-decoration: line-through; }
  4. Hi, Icon in this line <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/></svg></a><a href="mailto:abc@xyz.com"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20
  5. @media screen and (max-width:640px) { #homepage-medium { display: none !important; } } @media screen and (min-width:641px) { #homepage-small { display: none !important; } }
  6. Hi. It looks like you solved with this code? nav a:hover { background-size: 100% .5px !important } nav a { padding-bottom: 3px; overflow: visible !important; background-repeat: no-repeat !important; background-image: linear-gradient(to right,currentColor 100%,currentColor 0) !important; background-size: 0% .5px !important; background-position: 0% 100% !important; white-space: initial; transition: all ease-in-out 500ms !important; -ms-transition: all ease-in-out 500ms !important; -moz-transition: all ease-in-out 500ms !important; -webkit-tran
  7. Add to Design > Custom CSS /* text image order */ @media screen and (max-width:767px) { div#page-section-608b9a857dadbb5e55373972>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
  8. Add to Design > Custom CSS div#page-section-6085cd69fc04bf5c49a47fd7 a { text-decoration: none; position: relative; transition: all 0.3s; } div#page-section-6085cd69fc04bf5c49a47fd7 a:after { content: ""; height: 1px; width: 0; background-color: white; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } div#page-section-6085cd69fc04bf5c49a47f
  9. Add to Design > Custom CSS /* home top text */ body.homepage div#pageWrapper:before { content: "Squarespace"; display: block; text-align: center; }
  10. Hi, header text doesn't work on mobile and tablet ! Can you explain clearly?
  11. Hi. Have you found the solution yet? Do you still need help on this?
  12. Hi. Have you solved this yet? Can you take a screenshot all code in Code Injection?
  13. Hover on Page Name (on Navigation or Not Linked) > Click Gear icon to open Page Header >> Click Advanced > Paste the code
  14. Add to Design > Custom CSS /* Healing page mobile */ @media screen and (max-width:767px) { [data-section-id="600237a6e40b7c3f2cd7e54a"] .section-background img { object-fit: contain !important; width: 100% !important; height: auto !important; } }
  15. Sorry for the delay. Always overloaded. /* Overlay menu background */ .header-menu-bg.theme-bg--primary { background: #faf4e5; } /* overlay menu items color */ nav.header-menu-nav-list * { color: #214154 !important; } /* Announcement bar */ div#announcement-bar-text-inner-id * { color: #faf4e5; }
  16. Use new code .checkout-button { font-family: 'Lovatoregular' !important; background: red !important; } .checkout-button span { color: green !important; }
  17. Hi. The logo looks center here. Did you solve the problem?
  18. Hi. I see logo & site title here. Do you still need help?
  19. Add to Design > Custom CSS html, body { overflow-x: hidden; } @media screen and (max-width:991px) { .Mobile-bar.Mobile-bar--bottom { display: none; } }
  20. Hi. Can you share link to page in screenshot? I don't see it on shop page...
  21. Add to Design > Custom CSS /* Pagination title */ @media screen and (max-width:767px) { h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; } }
  22. Hi. It looks like you solved this? Also, you can merge these code h1 { font-family: 'geograph-regular' !important; font-size: 40pt; letter-spacing: 1px; line-height: 140%; color: #3b3b3b; } h2 { font-family: 'geograph-regular'; font-size: 20pt; letter-spacing: 1px; line-height: 140%; color: #3b3b3b } h3 { font-family: 'geograph-light'; font-size: 40pt; letter-spacing: 1px; line-height: 140%; color: #3b3b3b } h4 { font-family: 'geograph-light'; font-size: 20pt; letter-spacing: 1px; line-height: 140%; col
  23. @ElizabethM Can you share link to your site? We can help easier
×
×
  • Create New...