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

tuanphan

Circle Member
  • Content Count

    6,287
  • Joined

  • Last visited

  • Days Won

    61

Everything posted by tuanphan

  1. <style> @media screen and (max-width:640px) { .page-banner-wrapper { background-image: url(https://i.imgur.com/6XIwav6.png); background-size: cover; background-repeat: no-repeat; background-position: 30% 70%; height: 50vh !important; } .page-banner-image-container img { visibility: hidden; } } </style> or <style> @media screen and (max-width:640px) { .page-banner-wrapper { background-image: url(https://i.imgur.com/6XIwav6.png); background-size: cover; background-repeat: no-repeat; background-position: 30% 70%; height: 50vh !important; } .page-banner-image-container img { visibility: hidden; } } </style> Page Settings > Advanced > Header
  2. What would you like it to look like? input color, background, size, padding... text color, size,... ...?
  3. Have you solved yet? and where slideshow? you mean The creative process? or?
  4. section#new-page .Index-page-content { width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } div#block-yui_3_17_2_1_1583366649920_4403 { padding-left: 0; padding-right: 0; width: 100%; }
  5. It is default font or custom font? If custom font, use this CSS @font-face { font-family: tuan; src: url(upload font and paste font file url here); } .header-nav-folder-item a { font-size: 20px; font-family: tuan; }
  6. To change "Todos" text, add this code to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> jQuery(function($){ $(".ProductList-filter-list-item-link").html(function() { return $(this).html().replace("Todos", "tuan phan"); }); }); </script>
  7. Add to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $("a.header-nav-folder-title[href="/why-el-dorado-1"]").click(function() { var link = $(this).text(), href = "/talent"; window.location.href=href; }); $("a.header-nav-folder-title[href="/shovelready-properties-1"]").click(function() { var link = $(this).text(), href = "/contact-us"; window.location.href=href; }); </script>
  8. I think you should change to 3-4 products/row or increase width, reduce font size, button size... Add to Home > design > Custom CSS /* product name */ div#page-section-5e3495020b03e63e47d317e6 .product-title { font-size: 16px; } /* button style */ div#page-section-5e3495020b03e63e47d317e6 a.buy-button input { font-size: 12px !important; padding: 10px; } /* limit image height */ div#page-section-5e3495020b03e63e47d317e6 .image-container { max-height: 130px; overflow: hidden; } /* equal title height */ @media screen and (min-width:768px) { div#page-section-5e3495020b03e63e47d317e6 .product-title { min-height: 130px; } } /* increase products container width */ [data-section-id="5e3495020b03e63e47d317e6"] .content { width: 90% !important; }
  9. add to Page Settings > Advanced > Header <style> .summary-item-list .sqs-gallery-image-container { pointer-events: none; } </style>
  10. Add to Home > Design > Custom CSS .entry-excerpt.p-summary * { text-align: left; }
  11. Add to Home > Design > Custom CSS footer#footer-sections .content-wrapper { padding-left: 0; padding-right: 0; }
  12. Add to Home > Design > Custom CSS @font-face { font-family: katyd; src: url(https://static1.squarespace.com/static/5e6b08f5f9b1ab0ce1fd152c/t/5e7017e2b39d19587ba4a55b/1584404454429/hellogalleriasans+2.ttf); }
  13. You can change most with code (JavaScript), except Checkout Page (/checkout), because SS does not allow to insert code into it. You can list all text & link to your site, we can take a look
  14. You want to convert all pages to hamburger icon, like on mobile?
  15. Go back to main menu > Settings > Advanced > Code Injection > Footer
  16. 1. I don't understand the question. Can you describe in detail? 2. Add to Home > Design > Custom CSS .item:hover .wrapper { background: white !important; }
  17. Weirddd, remove above code, and add this to Home > Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".homepage .Header-branding-logo").attr('src','https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg'); }); </script>
  18. You can add image to top/bottom section, then set position: absolute for image, & adjust a bit spacing ✌️
  19. trying to build out this design Try posting to this group. I believe you will get an answer Also, I need these gallery blocks (or whatever I end up using) to go edge-to-edge with no padding (like a banner image would). Add to Page Settings > Advanced > Header <style> .index-section-wrapper.page-content { max-width: 100%; } </style> I'm also anticipating some issues with the "need more information" section as well so that it has zero padding around it as well Where is need more information?
×
×
  • Create New...