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

tuanphan

Circle Member
  • Posts

    32,913
  • Joined

  • Last visited

  • Days Won

    330

Community Answers

  1. tuanphan's post in Bedford: sticky side navigation bar makes page title too long was marked as the answer   
    @erinchristoph Add to Home > Design > Custom CSS
    .is-fixed { width: 255px; }
  2. tuanphan's post in Bedford - How can I reduce the image space (banner) vertically please? was marked as the answer   
    @DKVR Add to Home > Design > Custom CSS
    [data-collection-id="5d3a7c8f7d2e430001cc2dc5"] .desc-wrapper { padding-top: 0; padding-bottom: 0; }
  3. tuanphan's post in Folder: Alignment & colour on hover was marked as the answer   
    @StephanieG Add to Home > Design > Custom CSS
    Question 1.
    /* Center Dropdown */ .Header-nav-folder { margin-left: -2em !important; }
    Question 2. Change padding: 7px !important; to padding: 7px 0 !important;
    in the following code
    .Header-nav--primary .Header-nav-item:nth-child(2) .Header-nav-folder { background-color: #f4afcf !important; min-width: 100px !important; color: #fff !important; font-family: karla,sans-serif; font-size: 12px; padding: 7px !important; text-align: center; letter-spacing: 1.5px; }
  4. tuanphan's post in Images on mobile YORK TEMPLATE are tiny if I use in a slideshow carousel. was marked as the answer   
    Increase height: .sqs-block .sqs-intrinsic
  5. tuanphan's post in Styling CART page of SquareSpace was marked as the answer   
    @TinaK Add to Home > Design > Custom CSS
    body#cart div#banner-area-wrapper { display: none; }
  6. tuanphan's post in Dropdown Menu colour Squarespace 7.1 was marked as the answer   
    @StephenWise1999 Add to Home > Design > Custom CSS
    /* Change dropdown menu background */ .header-nav-folder-content { background: #febf00 !important; }
  7. tuanphan's post in Brine: removing inset from ALL galleries was marked as the answer   
    @riaskaya
    /* Entire Site */ /* Remove white space */ .Main-content { padding: 0; } /* Remove bottom scroll bar */ body { overflow-x: hidden; } /* One Page */ body#collection-5bd0f6a8085229530612507f .Main-content { padding: 0; } body#collection-5bd0f6a8085229530612507f { overflow-x: hidden; }
    Replacy body#...7f with Page/Post ID. Each Page/Post will have different ID.
    See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID
  8. tuanphan's post in Change padding around site title, tag line, navigation was marked as the answer   
    @JWny2019
    .Header-inner { padding-left: 10px; padding-right: 10px; }
    Do you want to disable click when hovering over an image? Or change the mouse pointer icon when hovering over the image?
    Click Accept Answer if it worked. Other members can use it!
  9. tuanphan's post in Changing Font Color in Once Section of Text - Brine was marked as the answer   
    @fbogus
    section#welcome * { color: red; }
  10. tuanphan's post in Custom code to make blog image titles and descriptions appear on mobile? was marked as the answer   
    @WRG34 Add to LAST LINE in Home > Design > Custom CSS
    @media only screen and (max-width: 480px) { .sqs-gallery-block-slideshow .meta { display: block !important; opacity: 1 !important; }}
  11. tuanphan's post in How do I move this weather plugin with css was marked as the answer   
    @heydanbrowne
    .temp { position: fixed; right: 10vw; top: 0; width: 10%; }
  12. tuanphan's post in Wexley: Code injection for different colours for hover effect / roll over. was marked as the answer   
    ah, okay, use these CSS. It will be better @AngiePhill
    /* Image 1 */ div#thumbList span:nth-child(1) { background: red; } /* Image 2 */ div#thumbList span:nth-child(2) { background: #f1f2f3; } /* Image 3 */ div#thumbList span:nth-child(3) { background: green; } /* Do similar for all images */
  13. tuanphan's post in Brine: Drop down menu item forced to last position was marked as the answer   
    Add to Home > Design > Custom CSS
    @media (min-width: 770px) { nav a {float: none !important;} }
  14. tuanphan's post in How to Remove Arrow from Read More was marked as the answer   
    @hybridstyle Add to Home > Design > Custom CSS
    .BlogList-item-readmore span:after { display: none !important; }
  15. tuanphan's post in How do you remove the Metadata from the blogs in the Wells Template was marked as the answer   
    @TheCreativeSeries Add to Home > Design > Custom CSS
    /* Remove Date, Tags, Categories */ /* Home Page */ .homepage .entry-info { display: none; } /* Blog Page */ .view-list.collection-type-blog .entry-info { display: none; } /* Blog Posts */ .view-item.collection-type-blog .entry-info { display: none; }
  16. tuanphan's post in Hiding blog title on landing page only in Mint template... help a novice out! was marked as the answer   
    @twigsplace Add to Home > Design > Custom CSS
    /* Remove Blog Title on Blog Page */ /* body...is Blog Page ID */ body#collection-592fedce1b631b459d0343aa h1.page-title { display: none; }
  17. tuanphan's post in Change color of a row on a specific page was marked as the answer   
    Why dont use CSS Class
    section.Intro.Intro--has-image
  18. tuanphan's post in Brine Template - Stacked Gallery - Can picture description be moved to the right? was marked as the answer   
    @rusquarespace Add to Home > Design > Custom CSS
    .sqs-gallery * { text-align: right; }
  19. tuanphan's post in how do i remove header content photo from the avenue template? was marked as the answer   
    @chrislowepro Add to Home > Design > Custom CSS
    section#page { padding-top: 0; }
  20. tuanphan's post in Remove content block from a 404 error page was marked as the answer   
    @ToServe Add to Home > Design > Custom CSS
    body#collection-5d37a1d37efe1200015b81db main.Main.Main--page { display: none; }
  21. tuanphan's post in Avenue: how do I change the copy color only on my gallery pages? was marked as the answer   
    @giorgiabbb
    /* Title under images */ .view-list h2.project-title { color: #000; } /* Back to... */ .view-list .project-controls a { color: #000; } /* Pre and Next */ .view-list div#projectNav span { color: #000 !important; }
  22. tuanphan's post in Vertical centre align heading text on hover over Impact (Brine) index gallery was marked as the answer   
    @caveen Use
    section#projects-home h2.Index-gallery-item-content-heading { position: absolute; top: 50%; transform: translate(0,-50%); }
  23. tuanphan's post in Custom CSS works on every page EXCEPT for the home page! was marked as the answer   
    @haydenshapiro Use this code
    .Header { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; z-index: 999 !important; }
  24. tuanphan's post in Mobile Navigation Menu Line Height - Brine Template was marked as the answer   
    @JessTAC It has 2 Nav (Web design, SEO) and (About, Contact)
    This code will make the Nav items closer together
    /* Remove Padding top of Nav */ .Mobile-overlay-nav-item{ padding-top: 0; } /* Padding top Nav First Item */ .Mobile-overlay-nav-item:first-child { padding-top: 60px; } /* Decrease padding top of Nav 2 */ .Mobile-overlay-nav--secondary .Mobile-overlay-nav-item:first-child { padding-top: 0; }
    If you want them higher, only use this code
    .Mobile-overlay-nav--secondary .Mobile-overlay-nav-item:first-child { padding-top: 60px; }
    Irrelevant, what template do you use? Thanks.
  25. tuanphan's post in Automatic Dark Mode - Avenue Theme was marked as the answer   
    @Chambyte
    /* Tagline */ .logo-subtitle { color: white; } /* Nav */ nav.main-nav li a { color: white !important; } /* Post Title */ article h1.entry-title a { color: white !important; }
×
×
  • Create New...