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

tuanphan

Circle Member
  • Content Count

    11,434
  • Joined

  • Last visited

  • Days Won

    133

Reputation Activity

  1. Like
    tuanphan got a reaction from ThompsonWebDesign in How to add 'add to cart' button in Shop block   
    Try this plugin.
    by @ThompsonWebDesign
  2. Like
    tuanphan got a reaction from whereisscott in 7.0 Cover Page: Add background color to text block   
    Add to Cover Page Setting
    <style> .sqs-slide-wrapper[data-slide-type="cover-page"] .sqs-slice-group { background: rgba(0,0,0,0.5); } </style>  
  3. Thanks
    tuanphan got a reaction from Rosalind in CSS code to Change Category Title in Archive Block to H3 Tag   
    try font-size: 80% !important;
  4. Like
    tuanphan reacted to kaceelaine in How Do I Remove Mystery White Space on Mobile? (Brine)   
    Yes, I have a solution for this! I stumbled upon this same issue a while ago and it was driving me nuts. The following code seems to solve it for me...
    I guess I should add that this has worked on 7.0, not sure about 7.1 version.
    .Mobile-bar.Mobile-bar--bottom { padding: 0!important; } Thanks, Kacee
  5. Thanks
    tuanphan got a reaction from mattlaurence in Add to Cart button disappearing after form   
    Add to Home > design > custom CSS
    .lightbox-inner input.button.sqs-system-button.sqs-editable-button { color: black; border: 1px solid currentColor; }  
  6. Like
    tuanphan got a reaction from Hamps in Viber intergration   
    Where position do you want to add viber icon?
  7. Thanks
    tuanphan got a reaction from ItsOK in How to change the font size of event dates   
    Add to Page Settings > Advanced > Header
    <style> time.summary-metadata-item.summary-metadata-item--date { font-size: 20px; } </style>  
  8. Thanks
    tuanphan got a reaction from AndrewFong67NZ in Bedford Template Title Font   
    h1#siteTitle a { font-family: 'Neogrey' !important; }  
  9. Thanks
    tuanphan got a reaction from gallop in Cannot Resize the Video in Code Block   
    Add to Home > Design > Custom CSS
    section#banner { div#block-yui_3_17_2_1_1594006058550_4675, video { width: 100%; } .Index-page-content { padding-left: 0; padding-right: 0; max-width: 100%; } } Parallax. I'm not sure.
  10. Thanks
    tuanphan got a reaction from pearler1570048501 in Move slideshow gallery meta caption below image   
    Add to Home > Design > custom CSS
    @media screen and (max-width:767px) { .sqs-gallery-block-slideshow .meta { display: block !important; } }  
  11. Like
    tuanphan got a reaction from monicahardy in How can I change the size and location of my form fields?   
    Add to Home > Design > Custom CSS
    .newsletter-block .newsletter-form-body>div { width: 100% !important; } .newsletter-block .newsletter-form-field-wrapper { width: 100% !important; max-width: 100% !important; } .newsletter-form-button { width: 100% !important; }  
  12. Thanks
    tuanphan got a reaction from carrie1 in [Share] Custom Code - Navigation Link Color/Hover Color/Active Color   
    (Updated: SS 7.1)
    Some custom code (CSS) to change color
    Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font
    Notes
    Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template
    /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator
    /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford
    /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine.
    /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute
    Same as Brine
    Five
    /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron
    /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte
    /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto
    /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum
    /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM
    Same as Momentum
    Native
    /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific:  Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific
    /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor
    /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont
    /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells
    /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley
    /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York
    /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1
    /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item a:hover { color: violet !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan.
    Share to be shared more.
  13. Thanks
    tuanphan got a reaction from Adam9 in Changing Colour of Navigation Headers   
    You can share here or sent to her message box
  14. Thanks
    tuanphan got a reaction from SCoca in Deleting header/logo link   
    Add to Home > Design > custom CSS
    a.Header-branding, a.Mobile-bar-branding { pointer-events: none; }  
  15. Like
    tuanphan got a reaction from rwp in Letter-spacing issue on mobile (Fulton)   
    I guess problem on iPhone/Safari.
  16. Like
    tuanphan reacted to rwp in Anchor link scrolling   
    html { scroll-behavior: smooth; } Design -> CSS
  17. Love
    tuanphan got a reaction from afriquehd in Changing width of drop down menu   
    a.header-nav-folder-title.exclude[href="/language"] + .header-nav-folder-content { width: 50px; }  
  18. Love
    tuanphan got a reaction from afriquehd in Changing width of drop down menu   
    I think I didn't receive message
    add to Home > Design > Custom CSS
    .header-nav .header-nav-item--folder .header-nav-folder-content { width: 100px; }  
  19. Thanks
    tuanphan got a reaction from gallop in Logo loading screen - code adjustment please   
    @rdreed Your code
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 90px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("https://static1.squarespace.com/static/5d9db9630e0cb109b5331185/t/5db877bc05d8093cb6fbfe15/1572370384602/mrnice-smiley.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(500).fadeOut("slow"); }) </script>  
  20. Thanks
    tuanphan got a reaction from gallop in Logo loading screen - code adjustment please   
    Add to Page Settings > Advanced > Header
    <script> $(window).load(function() { $('body').css('overflow', 'hidden'); setTimeout( function() { $('body').css('overflow', 'initial'); }, 5000); }); </script>  
  21. Thanks
    tuanphan got a reaction from jenartsquare in Single-page logo issues   
    Try disabling ajax loading. https://support.squarespace.com/hc/en-us/articles/115000253288-Ajax-loading
  22. Like
    tuanphan got a reaction from office-gott in Reduce Padding Under Grid Gallery image in 7.0   
    Add to Home > Design > Custom CSS
    .image-slide-title br:first-child { display: none; } .image-slide-title { margin-bottom: 20px; }  
  23. Like
    tuanphan got a reaction from Budka in Display menu on the slideshow   
    Add to Home > Design > Custom CSS
    .homepage #page article>section:first-child { padding-top: 0 !important; }  
  24. Like
    tuanphan got a reaction from DevonDigital99 in ActiveCampaign Code Injection! Please Help!   
    Add your code in Line 35
  25. Like
    tuanphan got a reaction from ninorussell in Mobile keyboard creates white space at bottom of lock screen   
    Try contacting Squarespace Customer Care first. https://support.squarespace.com/hc/en-us/requests/new?_ga=2.178881892.1321173809.1593838055-259054240.1593838055#choose-topic
     
×
×
  • Create New...