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

fhoreilly

Circle Member
  • Content Count

    7
  • Joined

  • Last visited


Reputation Activity

  1. 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; }
  2. 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; }


  3. 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>  
  4. 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...