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

different caption treatments within a gallery


Question

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%

Screenshot 2021-05-10 at 2.52.06 PM.png

Link to post
  • Answers 30
  • Created
  • Last Reply

Top Posters For This Question

Recommended Posts

  • 0

Hi. Add to Design > Custom CSS

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

 

Link to post
  • 0
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?

koi-brass-wxnc.squarespace.com-01-min.pn

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

koi-brass-wxnc.squarespace.com-02-min.pn

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?

koi-brass-wxnc.squarespace.com-04-min.pn

Link to post
  • 0

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

 

 

Link to post
  • 0
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.

 

Link to post
  • 0

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

 

Screenshot 2021-05-25 at 7.48.53 AM.png

Link to post
  • 0
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

 

Screenshot 2021-05-25 at 7.48.53 AM.png

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

Link to post
  • 0

Add to Design > Custom CSS

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

 

Link to post
  • 0

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!

Screenshot 2021-06-10 at 2.04.17 PM.png

Link to post
  • 0
13 hours ago, kathleenmsmith said:

Hi. /config is admin url.

See how to find page url.

Link to post
  • 0
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>

 

Link to post
  • 0
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

Link to post
  • 0
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?

parsnip-aqua-4gk3.squarespace.com-01-min

2. (Tablet-Footer)

parsnip-aqua-4gk3.squarespace.com-02-min

Link to post
  • 0

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!

 

Link to post
  • 0
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;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...