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

jcuvdb

Member
  • Content Count

    136
  • Joined

  • Last visited

  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. If you use a Grid Gallery Block, you can add this code to the Custom CSS panel .sqs-block:not(.sqs-block-html):not(.sqs-block-markdown){ background-color:white; padding-bottom:1px; } Hope it helps!
  4. If you use a small square button with rounded corners, you can use this code: .small-button-style-outline .sqs-block-button .sqs-block-button-element--small:hover { background-color: #0000ff !important; color: #fff !important } It will depend on the type of button used on the site. You can check the class by Inspecting the element.
  5. You can adjust the size of the Images within a Gallery Page using this code: .image-title .image-description{ font-size: 1.5em; }
  6. 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.
  7. 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!
  8. After some research, I'm using this code: /*Removes the "/" between the words*/ .collection-type-gallery .meta .gallery-controls#simpleControls { visibility: hidden; } /*Hides the PREV text*/ .collection-type-gallery .meta .gallery-controls#simpleControls .control.prev-slide { visibility: hidden; } /*Add the new text*/ .collection-type-gallery .meta .gallery-controls#simpleControls .control.prev-slide:after { content:'NEW TEXT HERE'; visibility: visible; position:inherit; } /*Hides the NEXT text*/ .collection-type-gallery .meta .gallery-controls#simpleControls .control.next-slide { visibility: hidden; } /*Add the new text*/ .collection-type-gallery .meta .gallery-controls#simpleControls .control.next-slide:after { content:'NEW TEXT HERE'; visibility: visible; position: absolut; } /*Hides the SHOW THUMBNAILS text*/ .collection-type-gallery .meta .thumbnail-toggle{ visibility: hidden; } /*Add the new text*/ .collection-type-gallery .meta .thumbnail-toggle:after{ content:'NEW TEXT HERE'; visibility:visible; } It's still a work in progress, there's some weird space that I haven't figured out how to remove
  9. I would like to change the PREV / NEXT and SHOW THUMBNAILS text of the Gallery Pages on Wells and use the Spanish terms ANT / SIG and MINIATURAS. Any help would be appreciated
  10. There's one field missing, the description text for the fields. Here's the code: .form-wrapper .field-list .field .description{ font-size:18px; }
  11. I've removed the padding, but there was still a line between the images, it was the margin. This code did the trick: <style> .sqs-gallery-block-stacked .image-wrapper { margin:0 0 0 0; } </style> Just add it to the Page Header Code Injection section in the Advanced Page Settings.
  12. 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; } }
  13. Yes, you can use images as anchor links. The trick here is to use Code blocks to display the images. The Code Blocks allow you to add the anchor link information, and display the images. These are the steps: 1) Add a Code Block to your page and add this code: <a href = "#anchor"><img src="image1.jpg" style="width:800px, height:200px"></img></a> The 'a' tag will contain the information about the id where the link is targeted.The 'img' tag will contain the source of the image (src) and a some size variables for the image 2) Add another block within the content of the page with the target code: <img src="image2.jpg"style="width:800px, height:200px" id="anchor"></img> The 'img' tag contains the source (src) of a different image (it could be the same image too), size variables and the 'id' variable from the anchor link on the first Code Block. Some tips: a) You could upload the images to your site, on a Not Linked page, using Image blocks; and use then use the URL for each image. Here's a great article about finding the URL link of your images: http://answers.squarespace.com/questions/2073/where-do-i-find-the-url-of-uploaded-images b) You can add a Back to top button on each section. Here's another great article: http://answers.squarespace.com/questions/24751/montauk-how-to-create-a-back-to-top-link Here's how it looks on my site:
  14. I want to use images on the top of my page and link them to different sections of the same page. I know I can use anchor links, but the guide only explains how to use the text links. I want to use images as the links. Is it possible?
  15. 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
×
×
  • Create New...