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

fhoreilly

Circle Member
  • Content Count

    12
  • Joined

  • Last visited

Reputation Activity

  1. Like
    fhoreilly reacted to IXStudio in Move hamburger icon? 7.1   
    You're welcome!
    Use this code in Design -> Custom CSS
    button.header-burger-btn.burger { padding: 0; } .header .header-actions-action--cart .icon { height: 22px; width: 22px; } Please use the like button if it helps you!
    Best,
    Leopold
  2. Like
    fhoreilly reacted to tuanphan in Summary Block fonts displaying differently on mobile   
    try lowercase
    'adobe-caslon-pro' !important
  3. Like
    fhoreilly reacted to sme06 in Reduce caption padding in inline image block in 7.1?   
    @tuanphan is a hero!
    He sent me this code, which worked like a charm!
    figcaption.image-caption-wrapper {
        padding-top: 0 !important;
    }
    .image-caption p {
        margin-top: 5px;
        margin-bottom: 0;
    }
    Thank you so much!!!
  4. Thanks
    fhoreilly reacted to paul2009 in Drop down menu arrow   
    Try adding this to Settings > Advanced > Code Injection > Header:
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> And add this to Design > Custom CSS:
    .header-nav-item.header-nav-item--folder a.header-nav-folder-title:after {   font-family: FontAwesome;   content: "\f107";   padding-left: 4px; } You should see this:

     
    Let me know how you get on.
    -Paul
  5. Thanks
    fhoreilly reacted to tuanphan in Navigation Bar: Drop-down Menu Alignment   
    Try adding to Home > Design > Custom CSS
    a.header-nav-folder-title:hover + div, .header-nav-folder-content { text-align: center !important; position: absolute; left: 50% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: transparent !important; }  
  6. Love
    fhoreilly reacted to tuanphan in Custom Code   
    He contacted me via email, and I sent this (Home > Design > Custom CSS)
    .image-button-inner a { padding: 1.2em 2.004em !important; font-size: .9rem; }  
  7. Like
    fhoreilly reacted to Lewis_K_Smith in Adding tags and categories to blog posts in 7.1   
    I had this exact same issue today and support wasn't sure either. However, I managed to figure it out!
    You need to select blog post title above the header. Not very intuitive. See below:
     
     

  8. Like
    fhoreilly reacted to JTX in What Happened to Secondary Navigation?   
    Hi
    Recently coming back to squarespace after a long time away. Quickly I am remembering why I left - the beautiful websites back by a painfully limiting editor with a severely limited range of features.
    Is there any way to get secondary navigation/footer navigation on Squarespace 7.1?
    This was something that I remember from 7.0 but it seems to have gone. If it has, what on earth is the reasoning? I get not giving us options in the first place but taking away options that were already there and are very common website features? This really is taking the mickey.
    Cheers if anyone can give me a solution. Currently I have 12 sub-pages under the about menu and putting them all in a folder in the top menu is extremely clunky. I would love to be able to put them in a separate menu in the footer, as seems to be done by at least half the websites I visit, including SQUARESPACE's own website!! (see attachment)

  9. Like
    fhoreilly reacted to paul2009 in How can I customize the arrows on the summary carousel block?   
    Sure, this should make it work:
    .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: -15px; right: 15px; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E003"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E000"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 64px; width: 64px; height: 64px; line-height: 64px; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 32px; width: 16px; height: 32px; line-height: 32px; } .sqs-block-summary-v2 .summary-heading { font-size: 24px; } .summary-heading { text-align: center !important; } .summary-carousel-pager .previous { position: absolute !important; left: 18px !important; right: inherit !important; } .summary-header-text{ position: relative !important; padding: 0 !important; left: 25px !important; }
  10. Like
    fhoreilly reacted to maebeerman in How can I customize the arrows on the summary carousel block?   
    I tweaked @lisa_zagari's awesome code so that the arrows are in the vertical center of the image, and overlapping the edges by a little bit. See code & example. Hope this is helpful!
    .summary-carousel-pager .previous { position: absolute !important; left: 5% !important; right: inherit !important; top: 45% !important; } .summary-carousel-pager .next { position: absolute !important; left: inherit !important; right: 5% !important; top: 45% !important; }


  11. Like
    fhoreilly reacted to tuanphan in Is there a way to use two versions of my logo (white vs. color) depending on the page background?   
    With some Ajax-enabled templates, sometimes the code will not work. In case you cannot turn off Ajax, you can use CSS
    <style> /* REPLACE HEADER-BRANDING with the corresponding class of the template */ /* Hide current Logo */ .Header-branding img { display: none; } /* Set new logo */ .Header-branding:after { content: ""; background-image: url(https://i.imgur.com/u96Jv9z.png); background-size: contain; display: block; width: 200px; height: 70px; background-repeat: no-repeat; background-position: center center; } </style>  
  12. Like
    fhoreilly reacted to colin.irwin in Rally: How to hide date and Tags on Blog List?   
    Add the following to the custom css area after any other code that may already be there
    .view-list { .BlogList-item-meta, .summary-metadata-container { display: none !important; } }  
×
×
  • Create New...