squareology
Member-
Content Count
119 -
Joined
-
Last visited
-
Days Won
2
squareology last won the day on April 17 2016
squareology had the most liked content!
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
RonS reacted to an answer to a question: Five: remove/hide banner on one page only
-
evolve_advertising reacted to an answer to a question: Bedford: Fixed navigation?
-
1blakeross reacted to an answer to a question: Five: remove/hide banner on one page only
-
angelamryan started following squareology
-
Gui reacted to an answer to a question: Edit font style in Form Block?
-
squareology joined the community
-
octaviorojas started following squareology
-
Five: remove/hide banner on one page only
squareology replied to zakovich's question in Coding and Customization
What's your site, and what are you looking to do exactly? -
Five: How can I get logo to display in mobile view?
squareology replied to evbro's question in Coding and Customization
Upload the image at the size/resolution you'd like it to display on your site.- 34 replies
-
- five-template
- logo
-
(and 1 more)
Tagged with:
-
Might need to add the Important declaration: header#header { position: fixed !important;}
-
Five: How can I get logo to display in mobile view?
squareology replied to evbro's question in Coding and Customization
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 fou- 34 replies
-
- five-template
- logo
-
(and 1 more)
Tagged with:
-
Five: remove/hide banner on one page only
squareology replied to zakovich's question in Coding and Customization
Add this to the Page Header Code Injection: <style>#banner-area-wrapper { display: none }</style> -
Ishimoto: Can I justify text within Squarespace?
squareology replied to ApertureStar's question in Coding and Customization
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>- 22 replies
-
- ishimoto-template
- text
-
(and 1 more)
Tagged with:
-
How do I change styling for only one button?
squareology replied to eleetoburrito's question in Coding and Customization
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> -
Edit font style in Form Block?
squareology replied to rachelpp's question in Coding and Customization
@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> -
Captions under grid-style Gallery Blocks (recap)
squareology replied to wklz's question in Coding and Customization
@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 -
Edit font style in Form Block?
squareology replied to rachelpp's question in Coding and Customization
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 -
How do I hide the “time” in the Bolded Dates on the Calendar Block?
squareology replied to ssqanda's question in Coding and Customization
Add this to your Custom CSS .item-time, .flyoutitem-datetime {display:none !important;} -
Bedford: How can I increase the page width?
squareology replied to gina171's question in Coding and Customization
This code works for me: #page, #content {max-width: 95% !important;} -
How to change the play button on the video?
squareology replied to the_eddster's question in Coding and Customization
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"); } -
Wells: Control the Caption display position?
squareology replied to shumana's question in Coding and Customization
.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. -
Edit font style in Form Block?
squareology replied to rachelpp's question in Coding and Customization
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>