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


  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by squareology

  1. Upload the image at the size/resolution you'd like it to display on your site.
  2. Might need to add the Important declaration: header#header { position: fixed !important;}
  3. Using @octopus' code with a couple tweaks: #mobile-navigation-title { background: url("XXX") no-repeat center; text-indent: 100%; height:100px; } #mobile-navigation #mobile-navigation-label { background:transparent; color:black; } You can adjust the mobile navigation button, it was showing up as a black square with grey lines but this way can be a transparent square with black lines. Add it to your Custom CSS Editor. You can upload files directly to the Custom CSS editor for use in the background URL, just replace XXX with the URL of the image file. I also found that the height didn't expand with the image, so the height needs to be set manually. Use Device View to check how it looks.
  4. To justify text on just one page, add it in Style tags in the Page Header Code Injection like this: <style> body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } </style>
  5. This is a simple Custom CSS solution to adjust the text color, if you have a Button block on a regular page: .sqs-block-button a {color:#000 !important;} .sqs-block-button a:hover {color:#fff !important;} Add Style tags and put it in the Page Header Code Injection to affect only that page: <style> .sqs-block-button a {color:#000 !important;} .sqs-block-button a:hover {color:#fff !important;} </style>
  6. This code works for me: #page, #content {max-width: 95% !important;}
  7. .collection-type-gallery.hide-meta .meta #simpleControls { display: none !important; } .collection-type-gallery.hide-meta .meta #dotControls { display: block !important; } .collection-type-gallery.hide-meta .meta #numberControls { display: none !important; } Use this with the CSS in the previous Answer. You can add this code to adjust which type of controls it uses. This will show the dots, but change the display for #dotControls to 'none' and the #numberControls to 'block' if you want numbers instead.
  8. You could also try this: .sqs-block-image { padding-bottom: 0 !important }
  • Create New...