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

squareology

Member
 View Profile  See their activity

  • Content Count

    119

  • Joined

  • Last visited

  • Days Won

    2

squareology last won the day on April 17 2016

squareology had the most liked content!

Community Reputation

1,297 Excellent

See reputation activity

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. angelamryan started following squareology
  2.    Gui reacted to an answer to a question: Edit font style in Form Block?
  3. squareology squareology joined the community
  4. a2zpetfood started following squareology
  5. whizclick started following squareology
  6. nicolekristen started following squareology
  7. georgiamc started following squareology
  8. hannahmatluck started following squareology
  9. reenasaini started following squareology
  10. Hazel started following squareology
  11. octaviorojas started following squareology
  12. wsbevco started following squareology
  13. squareology
    What's your site, and what are you looking to do exactly?
  14. squareology
    Upload the image at the size/resolution you'd like it to display on your site.
  15. squareology
    Might need to add the Important declaration: header#header { position: fixed !important;}
  16. squareology
    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.
  17. squareology
    Add this to the Page Header Code Injection: <style>#banner-area-wrapper { display: none }</style>
  18. squareology
    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>
  19. squareology
    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>
  20. squareology
    @rachelpp - the class is .description, so the code would look like this: <style> .title { font-size: 18px !important } .caption { font-size: 14px !important } .description { font-size: 10px !important; } </style>
  21. squareology
    @Danileh Have you tried a Summary block? It will work for this, you'd just need to add the videos to a Gallery Page first. https://help.squarespace.com/guides/using-the-grid-summary-block
  22. squareology
    Hi Rachel, Could you provide the URL to that form on your site? I'd be happy to take a look. You can find class names and IDs for CSS using the Inspector tool in your browser. Here are guides to using the Inspector tool with Safari, https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector Firefox https://developers.google.com/chrome-developer-tools/docs/overview and Chrome https://developer.apple.com/technologies/safari/developer-tools.html
  23. squareology
    Add this to your Custom CSS .item-time, .flyoutitem-datetime {display:none !important;}
  24. squareology
    This code works for me: #page, #content {max-width: 95% !important;}
  25. squareology
    If all you want to do is make the play button black instead of white, here's all the CSS you need: .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image: url("/universal/images-v6/icons/icon-video-48-dark-solid.png"); }
  26. squareology
    .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.
  27. squareology
    This is some CSS that affects these settings, add it to the Custom CSS Editor: .title { font-size: 14px !important } .caption { font-size: 10px !important } Or, if you need it on just the one page, add it to the Page > Settings > Advanced > Page Header Code Injection (Per-Page Code Injection): <style> .title { font-size: 14px !important } .caption { font-size: 10px !important } </style>
×
×
  • Create New...

Support

Community

Developers

Resources