Different caption treatments within a gallery

16 hours ago, kathleenmsmith said:

sorry i misunderstood your first question. yes, would be great to hide the mobile hamburger for the time being. 

thanks again tuanphan!

Add to Design > Custom CSS

/* Show logo social on mobile header */
@media screen and (max-width:991px) {
.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
}

.header-actions.header-actions--right {
    display: block !important;
}

.header-actions-action.header-actions-action--social {
    display: flex !important;
    position: relative;
    right: 4vw;
}
}

thanks so much.  and how would i fix the footer for tablet?

also, could the page code that changes the colour on the header also change the footer? e.g. 

<style>

footer#footer{

background-color: green !importants;

}

</style>

18 hours ago, kathleenmsmith said:

thanks so much.  and how would i fix the footer for tablet?

also, could the page code that changes the colour on the header also change the footer? e.g. 

<style>

footer#footer{

background-color: green !importants;

}

</style>

What problem with footer?

With footer, try

<style>
  footer.sections, footer.sections .section-background {
  	background: green !important;
  }
</style>

hey there and thanks

the leftover colour at the bottom of the tablet view you pointed out. see image. it's the beige at the very bottom of the page.

Add to Design > Custom CSS

/* Fix tablet home */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="60be5eaeb1ec0237fd9c2ef3"] {
    min-height: 90vh !important;
}
}

hey tuanphan, 

that works but now when i adjust the size of the desktop screen, the following happens (see screenshot). is there anyway to just get rid of that ugly beige completely across all screen sizes (i don't see it on mobile, just when i adjust my desktop screen size) ? 

On 6/22/2021 at 7:55 PM, kathleenmsmith said:

hey tuanphan, 

that works but now when i adjust the size of the desktop screen, the following happens (see screenshot). is there anyway to just get rid of that ugly beige completely across all screen sizes (i don't see it on mobile, just when i adjust my desktop screen size) ? 

I think the only way is change its background color. What do you think?

yes. fixed this - thanks so much tuanphan.

i have another tricky problem with the performance portfolio section of the Chartier site (screenshot attached). I want to turn off the portfolio pages for all but the last title ("performance practice"). so the waterfall effect of images on the portfolio cover page would remain on hover, but clicking on the titles wouldn't take you anywhere (ie there would be no click-through to a page EXCEPT for the last title which would click through to a page). can you help me find a solution for this?

https://koi-brass-wxnc.squarespace.com/

Callahan100%

section: Performance

cheers

k

On 7/13/2021 at 2:20 AM, kathleenmsmith said:

yes. fixed this - thanks so much tuanphan.

i have another tricky problem with the performance portfolio section of the Chartier site (screenshot attached). I want to turn off the portfolio pages for all but the last title ("performance practice"). so the waterfall effect of images on the portfolio cover page would remain on hover, but clicking on the titles wouldn't take you anywhere (ie there would be no click-through to a page EXCEPT for the last title which would click through to a page). can you help me find a solution for this?

https://koi-brass-wxnc.squarespace.com/

Callahan100%

section: Performance

cheers

k

Hi. Your site is private. Can you setup password & share url again?

https://koi-brass-wxnc.squarespace.com/

password is Callahan100%

17 hours ago, kathleenmsmith said:

https://koi-brass-wxnc.squarespace.com/

password is Callahan100%

You mean disable title click for all titles, except Performance Practice?

yes that's it.

On 7/16/2021 at 5:25 PM, kathleenmsmith said:

yes that's it.

Add 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() {
	$('li:not(:last-child) a.portfolio-hover-item').removeAttr('href');
});
</script>

hey thanks

we're not on a premium plan though. is there a different way to do this? and I just want to do this on the performance section, not site-wide.

k

1 hour ago, kathleenmsmith said:

hey thanks

we're not on a premium plan though. is there a different way to do this? and I just want to do this on the performance section, not site-wide.

k

Edit Footer >> Add a Markdown Block >> Paste this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$('body#collection-5eb577db476d335a0f3fcddf li:not(:last-child) a.portfolio-hover-item').removeAttr('href');
});
</script>

hi tuanphan and, as always, thanks so much for the help. as part of the above adjustment, i am now wondering how i might hide the back button for "Fracas" from the performance practice page but not remove the item from the portfolio.  see attached image.

so when someone clicks performance practice on the portfolio cover page it goes to a single page of text. hope i am making it clear?!

thanks again 

Kathleen

https://koi-brass-wxnc.squarespace.com/

password is Callahan100%

On 9/4/2021 at 9:37 PM, kathleenmsmith said:

hi tuanphan and, as always, thanks so much for the help. as part of the above adjustment, i am now wondering how i might hide the back button for "Fracas" from the performance practice page but not remove the item from the portfolio.  see attached image.

so when someone clicks performance practice on the portfolio cover page it goes to a single page of text. hope i am making it clear?!

thanks again 

Kathleen

https://koi-brass-wxnc.squarespace.com/

password is Callahan100%

Hi,

You mean hide "Fracas, the citizen.." in bottom of your screenshot?

yes that's it. just hide it, without removing the portfolio item

k

14 hours ago, kathleenmsmith said:

yes that's it. just hide it, without removing the portfolio item

k

Add to Design > Custom CSS

.item-pagination[data-collection-type^="portfolio"] {
    display: none;
}

thank-you! 😊

hey tuanphan,

on this same subject, is it also possible to hide the pointer fingers (except for the performance practice one which still needs to click through) on the images without disabling the waterfall effect?

many thanks as always for your help

Kathleen

On 9/29/2021 at 7:56 PM, kathleenmsmith said:

hey tuanphan,

on this same subject, is it also possible to hide the pointer fingers (except for the performance practice one which still needs to click through) on the images without disabling the waterfall effect?

many thanks as always for your help

Kathleen

Hi,

Which images?

hi tuanphan

i mean the images on the performance page - see screenshot
they change as you scroll over the titles - i want to keep that but lose the clicker hand that suggests you can click into the titles

thnx!

k

On 10/5/2021 at 7:35 AM, kathleenmsmith said:

hi tuanphan

 

i mean the images on the performance page - see screenshot
they change as you scroll over the titles - i want to keep that but lose the clicker hand that suggests you can click into the titles

thnx!

k

Add to Last Line in Settings > Advanced > Code injection > Footer

<script>
$(document).ready(function() {
	$('body#collection-5eb577db476d335a0f3fcddf a.portfolio-hover-item').removeAttr('href');
});
</script>

hey tuanphan

thanks but this is not a premium account - can I put that snippet in a markdown or in custom css?

and is there a way to keep the the click-through function on the performance practice title only?

K