Jump to content

designroomcornwall

Circle Member
  • Posts

    46
  • Joined

  • Last visited

Reputation Activity

  1. Like
    designroomcornwall reacted to Ziggy in Move project pages between portfolios OR combine portfolios   
    Hi @designroomcornwall Sadly there isn't a way to move portfolio items between portfolios on the same website in the same way that you can with blogs. Your best bet currently is to save the sections on each portfolio item, and then add them to a recreated portfolio item. 
  2. Like
    designroomcornwall reacted to tuanphan in Edit cart icon in 7.1   
    Add to Design > Custom CSS
    /* Floating cart icon */ .floating-cart .icon--stroke svg { stroke: red; stroke-width: 2px; } .floating-cart .icon-cart-quantity { color: red; font-weight: bold; } .floating-cart { top: 50% !important; }  
  3. Like
    designroomcornwall got a reaction from Beyondspace in Reduce padding on scrolling block   
    That's done it! Thank you so much!
  4. Thanks
    designroomcornwall reacted to Beyondspace in Reduce padding on scrolling block   
    Try adding to Home > Design > Custom Css
    section[data-section-id="62a0736dbfc0ba439994ab77"] .content-wrapper { padding-bottom: 0 !important; padding-top: 0 !important; } section[data-section-id="62a0736dbfc0ba439994ab77"] { min-height: 5vh !important; } Let me know how it works on your site
  5. Thanks
    designroomcornwall reacted to paul2009 in How can I add a table?   
    I tried many suggestions to make tables - this answer details the best way I've found to add tables to Squarespace.
    Custom Table Block
    [Updated 2019] The best solution I have found for responsive and well designed tables on Squarespace is the Custom Table Block that can be purchased as a plugin. Once added, you can add tables just like other standard Squarespace blocks on any page. If your table contains more than a few rows/columns you can add your data to individual Google Sheets and then link them to a Table Block. It's by far the easiest way to add Tables to Squarespace.
    Convert Table to HTML
    If the customer already has the table in a Word document, I'll use the excellent free Word to HTML tool by Olly Cope. I paste in the table and it will convert it to HTML.
    Create HTML Table
    If I don't already have the table I will create it using the excellent HTML table generator at Tables Generator with the CSS option turned off.
    Use a Code Block
    When the HTML has been generated, I add it to a Code Block on the Squarespace page. I replace the initial
      <table>   tag with the following:
      <table class=mytable>   Add some Custom CSS
    So that the table is formatted to match the style of the site I then add a few lines of CSS to the Custom CSS page. Something like:
      .mytable { border: 3px solid #5f102b; background-color: white; th { padding: 6px; height:40px; color: #eeeeee; background-color: #5f102b; } td { padding: 6px; border:1px solid #f1eaf2; } tr:nth-child(odd){background-color: #f1eaf2} }  
  6. Thanks
    designroomcornwall reacted to tuanphan in How to customise a button on an image block in 7.1   
    Use this code
    /* buttons overlap */ div#page-section-609be0d2ffa91a64632e310e figcaption { align-items: flex-start; } div#page-section-609be0d2ffa91a64632e310e .image-button a { position: relative; top: -25px; border: 1px solid black; background-color: white; color: black; }  
  7. Thanks
    designroomcornwall reacted to tuanphan in How to customise a button on an image block in 7.1   
    Add to Design > Custom CSS
    /* buttons overlap */ div#page-section-609be0d2ffa91a64632e310e figcaption { align-items: flex-start; } div#page-section-609be0d2ffa91a64632e310e .image-button a { position: relative; top: -25px; }  
  8. Like
    designroomcornwall got a reaction from a1amy in Change the styling on drop down menus/ folders in 7.1   
    Using 7.1, is there a way of editing the style of the drop-down menus in navigation? Maybe just change the background colour?
    my site is carbonbuddyproject.org
    Thanks, Emma.
  9. Like
    designroomcornwall got a reaction from a1amy in Change the styling on drop down menus/ folders in 7.1   
    I have literally just found the answer in another post, thank you!
     
  10. Like
    designroomcornwall reacted to tuanphan in How replace "Older Posts >" in 7.1 ?   
    Add to Home > Design > Custom CSS
    /* Newer posts */ nav.blog-list-pagination .prev-label { visibility: hidden; } nav.blog-list-pagination .prev-label:before { visibility: visible; content: "New prev text"; } /* Older posts */ nav.blog-list-pagination .next-label { visibility: hidden; } nav.blog-list-pagination .next-label:after { visibility: visible; content: "new next text"; }  
  11. Thanks
    designroomcornwall reacted to brandon in Gallery Caption workarounds for 7.1?   
    Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use.
    ---------------------------------------------------------------------
    Hi @dan3.
    Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 .
    View Demo Site
    JavaScript
    Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script>  
    CSS
    Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions.
    If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date.
    -Brandon
  12. Like
    designroomcornwall reacted to tuanphan in Changing colour of link text on hover/ active state   
    Try this: 
     
     
×
×
  • 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.