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

tuanphan

Circle Member
  • Content Count

    9,948
  • Joined

  • Last visited

  • Days Won

    113

Everything posted by tuanphan

  1. Footer: You can Cookes, 404. I think impossible How did you create multi site?
  2. Seems fine here. Did you sovle?
  3. Add to Home > Design > Custom CSS @media screen and (min-width:641px) { .horizontal-navigation-bar.clear.with-logo { display: flex; justify-content: space-between; } nav#main-navigation { padding-right: 0; margin-right: 0; } }
  4. Can you share link to blog post on your site?
  5. Add to Home > Design > Custom CSS .page-open #projectPages .project-controls { display: none; }
  6. 1. Standard in every text box on every page, that a hyperlink is in the same color as the text // hsl(180, 35%, 14%) // and when hovering over the hyperlink it turns in yellow // hsl(45, 100%, 54%) // but WITHOUT underlining (like in the header menu above) Add to Home > Design > Custom CSS .sqs-block-content p a { color: hsl(180, 35%, 14%); } .sqs-block-content p a:hover { border-bottom: none; color: red; } 2. Standard in the footer box on every page, that a hyperlink is in the color // hsl(46, 0%, 35%) // and when hovering over the hyperlink it urns in yellow // hsl(45, 100%, 54%) // but WITHOUT underlining (like in the header menu above) hover, underline will disappear or change color? 3. In the footer I have a subscribe box... It's making the footer to big. Is it possible to "compress" it more horizontally? That the space between every line is smaller? .newsletter-block .newsletter-form-field-element { padding-top: 10px; padding-bottom: 10px; } .newsletter-block .newsletter-form-wrapper .newsletter-form-button { padding-top: 10px; padding-bottom: 10px; }
  7. Add to Page Settings > Advanced > Header <style> header.Header.loaded { background: white !important; } main#main { margin-top: 100px; } </style>
  8. Add to Home > Design > Custom CSS span.collection-nav-item-span { font-family: 'Junicode-RegularCondensed' !important; }
  9. That's the easiest way, can try with JS, it will automatically, but it takes a lot of time to check.
  10. Show Only last item body#collection-5d80b6e6c70a192412ac1abb nav.sqs-svg-icon--list a:not(:last-child) { display: none; } Show only nth-icon /* Hide all icons */ body#collection-5d80b6e6c70a192412ac1abb nav.sqs-svg-icon--list a { display: none; } /* Remove - hide nth icon */ body#collection-5d80b6e6c70a192412ac1abb nav.sqs-svg-icon--list a:nth-child(5) { display: block; }
  11. If you share link to your site, I can take a look
  12. Can you share to page where contain buttons?
  13. @media screen and (max-width:900px) and (min-width:641px) { .ProductList-grid.clear { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 5px; } .tweak-product-list-meta-position-overlay .ProductList-item { width: unset !important; clear: none !important; float: none !important; } .ProductList-grid .ProductList-image { width: 100% !important; height: auto !important; left: 0 !important; } }
  14. <svg class="svg--source" width="0" height="0" aria-hidden="true"> <symbol id="svg--twitter" viewbox="0 -7 15 30"> <path d="M15.36 3.434c-0.542 0.241-1.124 0.402-1.735 0.476 0.624-0.374 1.103-0.966 1.328-1.67-0.583 0.346-1.23 0.598-1.917 0.733-0.551-0.587-1.336-0.954-2.205-0.954-1.668 0-3.020 1.352-3.020 3.019 0 0.237 0.026 0.467 0.078 0.688-2.51-0.126-4.735-1.328-6.224-3.155-0.261 0.446-0.41 0.965-0.41 1.518 0 1.048 0.534 1.972 1.344 2.514-0.495-0.016-0.961-0.151-1.368-0.378 0 0.013 0 0.025 0 0.038 0 1.463 1.042 2.683 2.422 2.962-0.253 0.069-0.52 0.106-0.796 0.106-0.194 0-0.383-0.018-0.568-0.054 0.384 1.2 1.5 2.073 2.821 2.097-1.034 0.81-2.335 1.293-3.75 1.293-0.244 0-0.484-0.014-0.72-0.042 1.336 0.857 2.923 1.357 4.63 1.357 5.554 0 8.592-4.602 8.592-8.593 0-0.13-0.002-0.261-0.009-0.39 0.59-0.426 1.102-0.958 1.507-1.563z" /> </symbol> <symbol id="svg--facebook" viewbox="0 -7 16 30"> <path d="M12 3.303h-2.285c-0.27 0-0.572 0.355-0.572 0.831v1.65h2.857v2.352h-2.857v7.064h-2.698v-7.063h-2.446v-2.353h2.446v-1.384c0-1.985 1.378-3.6 3.269-3.6h2.286v2.503z" /> </symbol> <symbol id="svg--youtube" viewbox="-150 -150 800 800"> <path d="M459,61.2C443.7,56.1,349.35,51,255,51c-94.35,0-188.7,5.1-204,10.2C10.2,73.95,0,163.2,0,255s10.2,181.05,51,193.8 C66.3,453.9,160.65,459,255,459c94.35,0,188.7-5.1,204-10.2c40.8-12.75,51-102,51-193.8S499.8,73.95,459,61.2z M204,369.75v-229.5 L357,255L204,369.75z" /> </symbol> </svg> <div class="wrapper"> <div class="connect"> <a href="" class="share twitter"> <svg role="presentation" class="svg--icon"> <use xlink:href="#svg--twitter" /> </svg> <span class="clip">TWITTER</span> </a> <a href="" rel="author" class="share facebook"> <svg role="presentation" class="svg--icon"> <use xlink:href="#svg--facebook" /> <span class="clip">FACEBOOK</span> </svg> </a> <a href="" class="share youtube"> <svg role="presentation" class="svg--icon"> <use xlink:href="#svg--youtube" /> <span class="clip">YOU-TUBE</span> </svg> </a> <a href="" class="share instagram"> <svg role="presentation" class="svg--icon"> <use xlink:href="#svg--instagram" /> <span class="clip">INSTAGRAM</span> </svg> </a> </div> </div> <style> .clip { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .svg--source { display: none; } .svg--icon { width: 100%; max-width: 5rem; height: 100%; max-height: 5rem; display: block; margin: 0 auto; fill: currentColor; } .wrapper { width: 100%; height: 100vh; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 1rem; } .share { width: 5rem; height: 5rem; float: left; margin: .5rem 1rem .5rem 0; color: #353c4a; border: .125rem solid #f3f3f3; box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.15); border-radius: 50%; -webkit-transition: 250ms; transition: 250ms; } .share:last-child { margin-right: 0; } .share:focus { outline-color: inherit; } .twitter:hover, .twitter:focus { color: #00ACED; box-shadow: 0 0 24px 0 #00ACED; } .youtube:hover, .youtube:focus { color: #cd201f; box-shadow: 0 0 24px 0 #cd201f; } .facebook:hover, .facebook:focus { color: #3b5998; box-shadow: 0 0 24px 0 #3b5998; } .instagram:hover, .instagram:focus { color: #3b5998; box-shadow: 0 0 24px 0 #3b5998; } </style>
  15. Add to Homepage Settings > Advanced > Header <style> header.Header.Header--top { position: absolute; left: 0; right: 0; z-index: 999; background: transparent !important; } </style>
  16. edit above to this @media screen and (max-width:640px) { div#page-5e2b597fafedbe470451a506>.row:nth-child(3)>.span-2 { width: 60% !important; float: none !important; margin: 0 auto !important; } }
  17. Remove above and use this [data-section-id="5e3bc9210f963716337a1bb2"] .section-background:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; background-image: linear-gradient(to top,#182043,transparent); }
  18. SS 7.1 doesn't support Gallery Block in Page. You need to use plugin to do this.
  19. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { /* resize logo column */ div#page-section-5e924e1ca1d96d58ed3c4e74 .span-12>.row>.span-2:nth-child(3) { width: 50% !important; margin: 0 auto; display: block; } }
  20. Add to Page Settings > Advanced > Header <style> @media screen and (max-width:640px) { .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; } } </style>
×
×
  • Create New...