Jump to content

Beyondspace

Circle Member
  • Posts

    10,115
  • Joined

  • Last visited

  • Days Won

    80

Community Answers

  1. Beyondspace's post in Looking for template design was marked as the answer   
    You can get reference here: https://support.squarespace.com/hc/en-us/articles/206545347-Pacific-template-family
  2. Beyondspace's post in How to disable link to store from individual products was marked as the answer   
    Try adding to Home > Design > Custom Css
    .ProductItem-nav-breadcrumb-link[href="/store-1"] { pointer-events: none; } Support me by pressing 👍  or marking as solution if this useful for you
  3. Beyondspace's post in HIDE A LINK IN FOLDER ON MOBILE NAVIGATION was marked as the answer   
    You can try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { .container.header-menu-nav-item [href="/naxos-gallerie"] { display: none; } .container.header-menu-nav-item [href="/histoire"] { display: none; } .container.header-menu-nav-item [href="/activits"] { display: none; } } Let me know it works on your site
    Support me by pressing 👍  or marking as solution if this useful for you
  4. Beyondspace's post in How to change radius on blog post container, add padding to text, push the "read more" button to bottom, and change colour of "read more" font? was marked as the answer   
    For 1,2,4 Try adding to Home > Design > Custom Css
    .blog-basic-grid .image-wrapper { border-top-left-radius: 10px; border-top-right-radius: 10px; } .blog-basic-grid--text { padding-right: 20px; padding-left: 20px; box-sizing: border-box; } .blog-basic-grid .blog-more-link { color: red; } Support me by pressing 👍 if this useful for you
  5. Beyondspace's post in How do I change the height/length of the project image in my portfolio? was marked as the answer   
    Try the following one to change height of each item
    .tweak-portfolio-grid-overlay-image-aspect-ratio-ultra-widescreen .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-ultra-widescreen .portfolio-grid-overlay .grid-item { padding-bottom: 100%; } Change the value % until it meets your need
  6. Beyondspace's post in Navigation menu font size mobile was marked as the answer   
    My testing

  7. Beyondspace's post in Error message? was marked as the answer   
    Have you used any custom code on Pages > choose the Contact Page > Setting > Advanced?

    It seems that this code is located on it

     
  8. Beyondspace's post in How to apply custom font to product page price & categories was marked as the answer   
    You can try adding to Home > Design > Custom Css
    .products.collection-content-wrapper .grid-main-meta .grid-prices { font-family: arial; } .products.collection-content-wrapper .nested-category-breadcrumb-link { font-family: arial; } Support me by pressing 👍  or marking as solution if this useful for you
  9. Beyondspace's post in Slideshow controls expanded and hidden was marked as the answer   
    It seems that there is a css code that is set below my code so it overwrites mine.

    Can you remove it? Or you can set like this
    body.homepage .gallery-fullscreen-slideshow-control-btn { height: 100%; width: 100% !important; /*set the highest priority*/ } .gallery-fullscreen-slideshow-control { width: 50%; } [data-next] .gallery-fullscreen-slideshow-control-btn-icon { display: flex; justify-content: flex-end; } .gallery-fullscreen-slideshow-control-btn::before { content: unset; } .gallery-fullscreen-slideshow-control-btn-icon svg { padding: 20px; background: var(--tweak-gallery-icon-background-color); } Hope it works fine
  10. Beyondspace's post in Make Search Bar block and Archive Dropdown block same size was marked as the answer   
    Nice, I check again and here is the code you can try on Home > Design > Custom Css
    #block-yui_3_17_2_1_1664054628750_4247 .archive-block-wrapper { max-width: unset; } Support me by pressing 👍  or marking as solution if this useful for you
  11. Beyondspace's post in Making the Dynamic header dropdown folder background transparent in top section only was marked as the answer   
    You can try adding to Home > Design > Custom Css
    #header:not(.shrink) .header-nav-folder-content { background: transparent; } Let me know how it works on your site
    Support me by pressing 👍  or marking as solution if this useful for you
  12. Beyondspace's post in Changing overlay color on hover for different images was marked as the answer   
    Try adding to Home > Design > Custom Css
    section[data-section-id="6373bc904b5f15018776d1b3"] .portfolio-grid-overlay .grid-item:nth-child(1) .portfolio-overlay { background-color: red; } section[data-section-id="6373bc904b5f15018776d1b3"] .portfolio-grid-overlay .grid-item:nth-child(2) .portfolio-overlay { background-color: blue; } Here is the code for setting overlay color for the first and the second item
    Support me by pressing 👍  or marking as solution if this useful for you
  13. Beyondspace's post in How to prevent code blocks from stacking on mobile? was marked as the answer   
    You can wrap you css code on media query so it will not affect the mobile display.
    @media only screen and (min-width: 768px) { /* style for tablet and desktop, not mobile */ }  
  14. Beyondspace's post in Increase Font Size for Title in Testimonial Slider in Fluid Engine was marked as the answer   
    Try adding to Home > Design > Custom Css
    .user-items-list .list-section-title{ font-size: 30px; }  
  15. Beyondspace's post in HEADING social icons hover color was marked as the answer   
    You can try adding to Home > Design > Custom Css
    :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover { box-shadow: 0px 0px 0px 1px inset !important; color: #f2ba40 !important; background: transparent ; } Let me know how it works on your site
    Support me by pressing 👍  or marking as solution if this useful for you
  16. Beyondspace's post in Customizing Font on custom CSS Burger Menu was marked as the answer   
    Try adding to Home > Design > Custom Css
    .header-menu-nav-folder-content .header-menu-nav-item-content { font-family: arial; } Choose the custom font you want to apply
    Support me by pressing 👍  or marking as solution if this useful for you
  17. Beyondspace's post in Hide line blocks on mobile vs desktop version of site? was marked as the answer   
    Try adding to Home > Design > Custom Css
    @media only screen and (min-width: 768px) { #block-yui_3_17_2_1_1668497775818_26073, #block-yui_3_17_2_1_1668497775818_29464 { display: none; } } Support me by pressing 👍  or marking as solution if this useful for you
  18. Beyondspace's post in Extra space on right side of website / Custom font not working on portfolio was marked as the answer   
    Try adding to Home > Design > Custom Css
    section[data-section-id="62a90e0bef20434f1b8d9b27"] .sqs-layout > .row { margin-right: 0; margin-left: 0; } section[data-section-id="62a91ede5b80b358fd25d72f"] .sqs-layout > .row { margin-right: 0; margin-left: 0; } Press 👍 or mark this answer as solution to help another one too
  19. Beyondspace's post in How do I make this template wider ? was marked as the answer   
    Which version are you using? you can use the following code on Home >  Design > Custom Css to reduce the padding of the main content:
    .site-outer-padding-small .site-page { padding-right: 0vw; padding-left: 0vw; }  
  20. Beyondspace's post in Custom Fonts Not Loading Outside of Editor was marked as the answer   
    You should use the following code to set font for entire site
    * { font-family: 'TMCMabry-Light' !important; }  
  21. Beyondspace's post in site title font size in mobile view was marked as the answer   
    You can try the following custom css
    @media only screen and (max-width: 767px) { .site-title { font-size: 32px; } } Support me by pressing 👍 if this useful for you
  22. Beyondspace's post in Correcting spacing on footer of website was marked as the answer   
    Try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { section[data-section-id="620b7e168d47fb2e359458ba"] .content .sqs-layout .col.sqs-col-3.span-3 { margin-top: 0 !important; } } Let me know how it works on your site
  23. Beyondspace's post in Change the color of social media footer links on one page was marked as the answer   
    Try adding to Home > Design > Custom Css
    #collection-635c6c71a5ba142eb1b00a9d .socialaccountlinks-v2-block .social-icons-style-regular .sqs-use--icon { fill: orange; } Let me know how it works on your site
    Support me by pressing 👍  or marking as solution if this useful for you
  24. Beyondspace's post in Padding between text and highlight feature was marked as the answer   
    Try adding to Home > Design > Custom Css
    #block-b8f08f91349cf810725a .TextShape-node { margin-top: 10px; }  
  25. Beyondspace's post in Trouble adding custom font was marked as the answer   
    Here is the tutorial to add customized font on your site

    import custom font.mp4    
×
×
  • 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.