Jump to content

tuanphan

Circle Member
  • Posts

    64,655
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Change to this code. If it doesn't work, please share link to your site, we can test code easier .header-title-logo a:before { content: "Chris Eckert \A Foundation"; white-space: pre-wrap; display: inline-block; font-size: 25px; font-family: calibri; color: black; text-align: center; vertical-align:middle; font-weight:900; padding-left: 10px; } .header-title-logo img { vertical-align: middle; }
  2. Change your code to this header#header a { transition: all 0.3s ease; } .header-nav-item>a:hover { color: #8FB344 !important; transition: all 0.3s ease; } .header-nav-folder-item:hover a { color: #8FB344 !important; transition: all 0.3s ease; } /* desktop*/ .header-nav-item--active>a { color: #8FB344 !important; } /* folder */ .header-nav-folder-item--active a { color: #8FB344 !important; }
  3. Add to Design > Custom CSS /* resize mobile image */ @media screen and (max-width:767px) { [data-section-id="6382dd6b40c0a045c0622855"] { min-height: unset !important; height: 30vh; } }
  4. Can you share link to page where you use accordion, we can check easier?
  5. You mean change to 1:1? Add to Furniture, Objects, Exhibitions, Public, Residential Page Headers <style> .grid-image, .grid-item { padding-bottom: 18.75% !important; } </style>
  6. Add to Design > Custom CSS @media screen and (max-width:1024px) and (min-width:768px) { .header-display-mobile { align-items: baseline; } body.homepage article section:first-child { padding-top: 120px !important; } body.homepage .header-announcement-bar-wrapper { padding-bottom: 10px !important; } }
  7. Use this .header-nav-item>a:hover { text-decoration: underline; } .header-nav-folder-item:hover a { text-decoration: underline; } .header-menu-nav-item a:hover * { border-bottom: 1px solid black; }
  8. Hi, What is site url & Which position you want to add breadcrumb & What should breadcrumb look like?
  9. Add to Design > Custom CSS @media screen and (max-width:1024px) and (min-width:768px) { .header-title-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } }
  10. Add to Design > Custom CSS @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1601676457452_4999 .field-list .select { width: 20% !important; float: left; } .textarea { clear: both !important; } div#block-yui_3_17_2_1_1601676457452_4999 .field-list .select:nth-child(4) { margin-top: 20px; } }
  11. Hi, You mean move entire header to left of site for all pages?
  12. Hi, Can you share link to page where you have problem?
  13. You can add buttons, then we will transfer button link to image link + hide buttons then
  14. What is problem on mobile + What is your site url?
  15. Hi, You can add 2 videos then share link to your site, we can give code to show 1 on desktop, show another on mobile
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.