Different caption treatments within a gallery

Site URL: https://koi-brass-wxnc.squarespace.com/home

hi I am wondering if you can turn off the caption on a single image within a gallery, keeping the style on the remaining images.

Specifically on my site's Choreography page, the image that says "choreographic selections" - I want to just have it sit there as a title slate. Or i could make a new image with the title on it but i would still need to turn off the caption hover on that image. 

is it possible? thanks for any suggestions you might have 

kathleen

ps password is Callahan100%

Hi. Add to Design > Custom CSS

/* hide portfolio title */
a.grid-item[href="/choreography/choreography"] h3 {
    visibility: hidden;
}

thanks so much, Tuanphan!

On 5/13/2021 at 12:23 AM, kathleenmsmith said:

thanks so much, Tuanphan!

Need help on these problems?

Site URL – https://koi-brass-wxnc.squarespace.com/

1. (Desktop-Overlay Menu) Reduce space between items?

2. (Tablet-Footer) Align text in footer?

3. (RecentUpcoming) You haven’t changed SEO Title so the browser tab name still shows “Blog 2”

4. (Choreography) Remove white space at the bottom?

hi there Tuanphan,

you have identified things i do want to fix - we are still in progress on this site design (lots of content!)

so yes would love to know your tips! will change the SEO thing right now.

cheerio and thanks so much

k

17 hours ago, kathleenmsmith said:

hi there Tuanphan,

you have identified things i do want to fix - we are still in progress on this site design (lots of content!)

so yes would love to know your tips! will change the SEO thing right now.

cheerio and thanks so much

k

 

 

Q1. Add to Design > Custom CSS

/* Desktop overlay items spacing */
@media screen and (min-width:992px) {
div.header-menu-nav-item a {
    margin-top: 10px;
    margin-bottom: 10px;
}
}

Q2. Edit text >> remove white blank space before text.

thanks again tuanphan!

another little detail:

is it possible to make the directional titles and arrows smaller for mobile? you'll see in the image that everything gets bunched up in mobile view

many thanks!

k

12 hours ago, kathleenmsmith said:

thanks again tuanphan!

another little detail:

is it possible to make the directional titles and arrows smaller for mobile? you'll see in the image that everything gets bunched up in mobile view

many thanks!

k

 

Do you want to replace pagination title with Prev/Next text?

not really. i would prefer to keep the pagination titles if possible

thanks!

Add to Design > Custom CSS

/* Mobile-Resize pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 16px !important;
}
}

it works!

thanks so much, tuanphan

hi again 

i have a different question. on this other site I would like to change the header colour on each page. i know you have to find the page ID and use a small piece of code in custom CSS but i am having trouble extracting the correct ID when i inspect the page. the site is https://parsnip-aqua-4gk3.squarespace.com/

PW is Ethel. the page in question is a portfolio called Performance.  screen grab attached.

i am going to want to change the header colour on each page of this site so would love to learn how to get the right page ID and code. 

can you help? many thanks if so!

sorry PW is Ethel68 i think 🙂

14 hours ago, kathleenmsmith said:

sorry PW is Ethel68 i think 🙂

Can you share link to performance page? I can't find it..

so sorry. have enable the page. l

https://parsnip-aqua-4gk3.squarespace.com/config/pages/60c100fce3d1e2124cf63d3e

13 hours ago, kathleenmsmith said:

so sorry. have enable the page. l

https://parsnip-aqua-4gk3.squarespace.com/config/pages/60c100fce3d1e2124cf63d3e

Hi. /config is admin url.

See how to find page url.

/performance

hope this works!

On 6/13/2021 at 1:05 AM, kathleenmsmith said:

/performance

hope this works!

Edit Performance Page >> Add a Code Block  (anywhere) >> Paste this code

<style>
  header#header {
    background-color: green !important;
}
</style>

hey tuanphan - thanks!

but won't this change the header colour to green on all the pages? i want each page on the site to have a different coloured header ... forgive my brain fog

i am not using a premium plan on this

16 hours ago, kathleenmsmith said:

i am not using a premium plan on this

All plans in SS support Code Block, include Personal Plan, Trial Plan.

Add Code Block on Performance page, the code will run on performance page only.

See how to add Code Block. https://support.squarespace.com/hc/en-us/articles/206543167-Code-Blocks

OMG! that is amazing! thanks so much tuanphan!

23 hours ago, kathleenmsmith said:

OMG! that is amazing! thanks so much tuanphan!

Do you need fix these?

Site URL:

1. (Mobile) Mobile menu has no items. Want to remove burger icon?

2. (Tablet-Footer)

tablet-footer i would like to fix. the menu isn't ready yet - only the home page has gone public so far.

thanks, tuanphan! 

k

ps i have another question about the chartier site above. should i start a new thread or can i hit you with it here?

you are awesome!

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

thanks again tuanphan!