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

jcuvdb

Member
  • Posts

    136
  • Joined

  • Last visited

Everything posted by jcuvdb

  1. After playing around, this code in the Page Header Code Injection of the Index Page, where I don't want the overlay color, works!: <style> .Index-page--has-image:before { background-color:rgba(0,0,0,0) } </style> Hope it helps!
  2. I'm trying to remove the overlay color of the banner section of one of the Index Pages on my site.... The option in the Style Editor will remove it from all pages... Any idea?
  3. I use this code to disable the Save option on iOS (iPhone and iPad): body { -webkit-user-select:none !important; -webkit-touch-callout:none !important; -moz-user-select:none !important; -ms-user-select: none !important; user-select: none !important; touch-callout: none !important; } It can be added to the Design -> Custom CSS panel of your site. It doesn't work on Chrome, but it's a start.
  4. You can try with this code. Add it to the Page HEader Code Injection section of the page where you want to adjust the width: <style> #innerWrapper{width:100%} </style> Hope it helps!
  5. You can also adjust the alignment of the logo adding this code: @media only screen and (max-width: 768px) { #header #logoWrapper #logoImage img, #header #siteTitleWrapper #logoImage img { max-height: 80px; max-width: 100%; width: auto; height: auto; } #header #logoWrapper, #header #siteTitleWrapper { text-align:left; } }
  6. You can use this code to keep the banner height size: .view-list .banner-thumbnail-wrapper, .collection-type-page .banner-thumbnail-wrapper, .collection-type-index .banner-thumbnail-wrapper { margin-top: 100px; /* nav bar height */ } It's from this article, Thanks to isabellemt
  7. You can add this code to the Custom CSS panel on your site to hide the image caption when the image is shown on la lightbox, but keeping it on the image block: .sqs-lightbox-meta { display:none;} Hope it helps
  8. You can also add this code to the Page Settings Header code injection: <style> #page-title-wrapper { visibility: hidden; } </style> This will only affect the page where this code is added.
  9. To remove the time and date from one event item you can use this code in teh custom CSS editor: .eventitem-meta-time, .eventitem-meta-date { display: none !important; }
  10. You can also try just with the margin options: .sqs-block-content hr { margin-top: 0px !important; margin-bottom: 0px !important; }
  11. You can add !important , in case you don't see any change in the captions: .sqs-block.image-block .image-caption-wrapper p{ font-size: 16px !important; }
  12. You can use the code in the page with the form block like this <style> form { width:100%; height:450px; margin:auto; position:relative; } input { width:100%; height: 25px; } </style>
×
×
  • Create New...