TimBowman
-
Posts
49 -
Joined
-
Last visited
Reputation Activity
-
TimBowman got a reaction from tuanphan in Custom link through for blog delimiter
HI @tuanphan, I managed to get the buttons aligned using the following code:
//Get in touch button alligned - LP//
#block-yui_3_17_2_1_1629452287213_11327 {height: 5rem;}
#block-yui_3_17_2_1_1629452287213_70644 {height: 5rem;}
#block-yui_3_17_2_1_1629452287213_83794 {height: 5rem;}
-
TimBowman reacted to tuanphan in Custom link through for blog delimiter
Try adding this to Settings > Advanced > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // photography $('span.blog-item-tag-wrapper [href*="tag/Photography"]').attr('href','https://beaverhero.com'); // Post production $('span.blog-item-tag-wrapper [href*="tag/Post+Production"]').attr('href','https://google.com'); }); </script>
-
TimBowman reacted to tuanphan in Custom link through for blog delimiter
Hi. Can you share link to blog in screenshot?
-
TimBowman reacted to tuanphan in Adding two logos with clickthrough URL to footer using CSS
The code runs on mobile only.
You want run on mobile or both desktop + mobile?
-
TimBowman reacted to tuanphan in Adding two logos with clickthrough URL to footer using CSS
Add to Design > Custom CSS
/* Mobile footer logos */ @media screen and (max-width:767px) { div#block-4429c755fc8f16911bc3+.row .span-6 { width: 50% !important; float: left !important; } div#block-4429c755fc8f16911bc3+.row .span-6 .image-block { width: 50% !Important; } }
-
TimBowman reacted to tuanphan in How to change a summary block thumbnail image on rollover?
Add to Design > Custom CSS
/* services Mobile */ @media screen and (max-width:767px) { div#page-section-60f00f33d833301a6b9aa6f3 .span-8 .span-4 { width: 50% !important; float: left !important; } div#block-1e64c82ec9fd2c0a0644 { margin-top: 0 !important; } } /* Get in touch tablet */ @media screen and (max-width:991px) and (min-width:768px) { div#page-section-60f00f33d833301a6b9aa6f8 .html-block { min-height: 160px; } }
-
TimBowman got a reaction from paul2009 in Removing author and date for a specific blog page while keeping the author/date for main blog 7.1
Thank you @paul2009, worked perfectly!
-
TimBowman reacted to paul2009 in Removing author and date for a specific blog page while keeping the author/date for main blog 7.1
Yes, you can do this by referring to this blog's unique 'Collection ID'. On Squarespace, every collection (Store, Gallery, Blog) has one.
First you'll need to enable the date and author metadata because they are currently disabled on this site. When you've enabled them, you can add the following to Design > Custom CSS to disable them on the team members page only:
.collection-60f00f36d833301a6b9aa751 .blog-item-wrapper .blog-item-author-date-wrapper { display: none; } As you'll see, this CSS makes reference to the unique reference for your blog on your site. To use this with another blog on a different site, you'll need to use a different collection ID. This guide explains how to do this.
-
TimBowman reacted to tuanphan in How to change a summary block thumbnail image on rollover?
Use this, replace url('enter url in here')
@font-face { font-family: Futura-medium; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }
-
TimBowman reacted to tuanphan in How to change a summary block thumbnail image on rollover?
Code 7 & 13 is missing
.summary-item:nth-child(7).summary-thumbnail need a space between (7) and .
It should be
.summary-item:nth-child(7) .summary-thumbnail and
.summary-item:nth-child(13) .summary-thumbnail
-
TimBowman reacted to tuanphan in How to change a summary block thumbnail image on rollover?
ah, missing some class name. Remove above & use new code
div#page-section-60ddf15d825e274add1df103 .summary-item:hover img { visibility: hidden } div#page-section-60ddf15d825e274add1df103 .summary-item:hover .summary-thumbnail div { background-image: url(https://beaverhero.com/wp-content/uploads/2020/04/squarespace-bio-page7-min.png); background-size: cover; background-repeat: no-repeat } div#page-section-60ddf15d825e274add1df103 .summary-item:nth-child(1):hover .summary-thumbnail { background-image: url(https://images.squarespace-cdn.com/content/v1/60ddf14b825e274add1def27/dbddd3c8-54ef-43b9-8085-a5e82e0894f2/2021-06-WBS-TEAMPORTRAITS-SHANE-20.jpg?format=500https://static1.squarespace.com/static/60ddf14b825e274add1def27/t/60e59ea16c0d015ae55ad8d5/1625661103353/2021-06-WBS-TEAMPORTRAITS-SHANE-20.jpgw) } div#page-section-60ddf15d825e274add1df103 .summary-item:nth-child(2):hover .summary-thumbnail { background-image: url(https://images.squarespace-cdn.com/content/v1/60ddf14b825e274add1def27/cb8a7fdb-f9fa-477a-9ff5-c33be47b04b4/2021-06-WBS-TEAMPORTRAITS-BARBARA-73.jpg?format=500w) } div#page-section-60ddf15d825e274add1df103 .summary-item:nth-child(3):hover .summary-thumbnail { background-image: url(https://images.squarespace-cdn.com/content/v1/60ddf14b825e274add1def27/0995be51-ce37-43ed-98ea-84c017da7e12/2021-06-WBS-TEAMPORTRAITS-EMERSON-18.jpg) }
