bcmarimba

11 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Hide portfolio title */
.portfolio-text h3 {
    opacity: 0;
}

 

Amazing, thank you! That did it. 

7 hours ago, tuanphan said:

You mean

• Remove title from 4 images

OR

• Initial: hide titles
• Hover: Show overlay + titles

Thanks, I want to hide titles completely on all Portfolio items. I will then use my own image and hover image (one of which will include the title), if that makes sense! 

On 1/5/2021 at 1:35 PM, grinch said:

Site URL: https://www.hammerheadaudio.com/

Hi, I'm trying to create a link on my site to an individual item in a portfolio page I set up. When I try to add a page link to the slug for the individual portfolio item it don't show up in the drop down, I just get the slug for the whole portfolio. Then when I try to enter the slug manually, it doesn't allow me to enter anything past the slug for the whole portfolio, I type but no letters appear: 

I'm currently getting around this by just making it a web link to "hammerheadaudio.com/designs/ne1" but I'm not sure if that's going to create some inefficiency and slow down navigation for visitors to my site. 

It seems like this is maybe a planned feature, which is really frustrating. Clearly it's possible to link to a specific item, seeing as I'm doing it with a web link, but for some reason page link arbitrarily refuses to allow this. If this is intentional it's incredibly poor design, absolutely no good reason for it to be this way. Please fix in next update. 

If there's something I'm doing wrong here please let me know. 

Same question here! Did you get it resolved? To link to a specific portfolio item without using the full http URL. 

6 minutes ago, tuanphan said:

Can you share link to page where you use grid? We can help easier

oops! Yes, PW is "jack"

https://coyote-tambourine-w867.squarespace.com/

Oh sorry, sure! PW is "jack"

https://coyote-tambourine-w867.squarespace.com/

On 8/11/2021 at 3:07 PM, iamdavehart said:

@lidyaaC

if you want to remove the headings from the simple grid layout you can do that with some css. 

exactly how you do that depends on whether you want to get rid of the text on all your portfolios or just a specific one, and possibly whether you're on a business/premium plan.

To start with though, this will hide the text under portfolios in all cases. Add this code to your Custom CSS in the main Design menu

div.portfolio-text {
    display: none;
}

if you want to get rid of it on a specific page and you're on business / premium plan, then wrap the code above in <style> </style> tags, and put it in the advanced code injection part of the page settings.

if you want to get rid of it on a specific section then you'll need to find the section id. you can do that using a chrome extension Squarespace ID Finder, or look in the source for "data-section-id". once you've got it you can edit the rule above to be more specific. something like this, but insert your section id:

section[data-section-id="600ff3ae2549287fcef1d4d2"] div.portfolio-text {
	display:none;
}

hope that helps.

Thanks for this! I'm using "Grid: Overlay" but the first code did not work. I'm trying to hide all portfolio titles whether hovered or not (I'll have images/hover images that include the title in the image). Any suggestions? 

On 10/6/2021 at 10:44 PM, tuanphan said:

If you want it works on all pages, use this new code

/* Mobile show fallback image */
@media screen and (max-width:767px) {
.sqs-video-background-native__video-player.video-player {
    display: none !important;
}
.section-background img {
    opacity: 1 !important;
}
}

 

thank you again!!  amazing. 

On 9/30/2021 at 2:46 AM, tuanphan said:

Add to Design > Custom CSS

/* Mobile show fallback image */
@media screen and (max-width:767px) {
[data-section-id="5fd4e8e13ebe041631392c8d"] .sqs-video-background-native__video-player.video-player {
    display: none !important;
}
[data-section-id="5fd4e8e13ebe041631392c8d"] img {
    opacity: 1 !important;
}
}

 

Shoot, now it's not working on my home page -- help? https://www.brasswoodptown.com/

On 9/30/2021 at 2:46 AM, tuanphan said:

Add to Design > Custom CSS

/* Mobile show fallback image */
@media screen and (max-width:767px) {
[data-section-id="5fd4e8e13ebe041631392c8d"] .sqs-video-background-native__video-player.video-player {
    display: none !important;
}
[data-section-id="5fd4e8e13ebe041631392c8d"] img {
    opacity: 1 !important;
}
}

 

perfect thank you again!!

On 7/10/2019 at 10:50 AM, paul2009 said:

The code above is for a specific page on a specific site because it includes a collection ID (#collection-580a9bee6a4963712b3646b8) from the site mentioned in the question. If you remove this element, it will work on similar sites.

Thanks for this, I tried rmeoving the collection code but it didn't work for my page. I want this page to force the fallback image (not play the video) on mobile: 

https://www.brasswoodptown.com/concierge

Thanks for any help you can provide with code! 

On 1/6/2021 at 5:03 AM, tuanphan said:

 

Q2. Add to Design > Custom CSS

/* footer logos */
@media screen and (max-width:767px) {
div#block-153b8cd34491dd3d4b89+.row>.span-3 {
    width: 50% !important;
    float: left !important;
}
}

---------

Thank you for the tips. We added a gold button to help the white text be visible over the photos. We don't really like the overlay look, love the photos as is, but realize it makes it harder to read. Do you think it looks better now? 

How do you set the 2 logos/row? I will add a "back to top" link -- good call!  Thanks again.

 

What does this code do to the logos? 

On 1/2/2021 at 4:51 AM, tuanphan said:

Hi. Sorry for the delay. I was off some days for the new year

What is site access password?

https://www.brasswoodptown.com/

I checked and the pw is working: www.brasswoodptown.com pw: jackfreemont (it's an unusual spelling) 

On 1/2/2021 at 4:51 AM, tuanphan said:

Hi. Sorry for the delay. I was off some days for the new year

What is site access password?

https://www.brasswoodptown.com/

sorry! I can't figure out how to reply to you in the forum, the pw is jackfreemont 

Sorry for my delay! It is: jackfreemont 

On 12/21/2020 at 6:00 AM, tuanphan said:

This code for SS 7.0. Your site is 7.1

Use this new code

/* show logo on hover */
.header-title-logo a:hover img {
    visibility: hidden;
}
.header-title-logo a:hover {
    background-image: url('https://beaverhero.com/wp-content/uploads/2020/11/lock-screen-countdown-min.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

I see your site has some other problems.

1 (Mobile). Some pages have very long content. You can consider adding a back to top button.

2. Some text over images are difficult to read on mobile (homepage). Do you want to add an overlay background?

3. (Mobile) Footer logos is too big. Do you want to set to 2 logos/row?

 

 

 

Amazing!! Thank you so much, that worked perfectly. 

Thank you for the tips. We added a gold button to help the white text be visible over the photos. We don't really like the overlay look, love the photos as is, but realize it makes it harder to read. Do you think it looks better now? 

How do you set the 2 logos/row? I will add a "back to top" link -- good call!  Thanks again.

On 11/17/2020 at 4:57 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* show logo on hover */
.logo-image:hover img {
    visibility: hidden;
}
.logo-image:hover a {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/11/work-5382501_640-min.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

Replace with your new logo url

Hello! I'm having trouble making my alternate logo appear. Any help? Website is: www.brasswoodptown.com

Here is the code I used, from your post with my new image:

/* show logo on hover */
.logo-image:hover img {
    visibility: hidden;
}
.logo-image:hover a {
    background-image: url('https://static1.squarespace.com/static/5f4adecf3143557c3f431358/t/5fd94158c4119b1ccd284108/1608073560607/Brasswood+Inn_LOGO.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}