vanessakrystin

That worked, thank you so much!

Site URL: https://1931gallerybistro.com

Hey there,

Anyone know how I can fix this problem of the folder links having the arrows underneath each nav item? I've tried making the font size smaller, but it still has a line break for the arrow.

Website: 1931gallerybistro.com

Any advice would be appreciated, thanks!

@creedon

That seemed to work the same, but unfortunately the positioning is still wonky. Should I be changing it from absolute to fixed?

@marsharosenblatt Wow this worked!

Do you happen to know how I can fix the placement of the Twitch iframe though as it's coming up quite wonky on my end?

contact-festival.com/stream

Let me know if you can help, thanks!

Thank you so much!

Site URL: http://www.thisisblueprint.com

Hey all,

Does anyone know how I can change the line height in my forced mobile nav menu?
And also how to add a manual link to the existing code?

Code:
/* 768 for tablet - desktop - 992 for desktop */
@media screen and (min-width:768px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
  opacity: 1;
  visibility: visible;
  line-height: 1em;
}
}

Let me know if you can help, thanks

Site URL: https://www.1931gallerybistro.com/

Hi all,

Does anyone know what I've been doing wrong? I've added a custom button on my client's homepage and have coded it appropriately with HTML + CSS, and it shows how it should in the preview when editing, but if I go to the actual website url, it keeps picking up a default code that isn't anywhere in my Custom CSS.

Code Box:
<center><a href="https://order.online/store/1931-gallery-bistro-973113/en-US"><button class="homebutton"><h2>Delivery</h2></button></a></center>

Custom CSS:
.homebutton {
  background-color: none !important;
  border: 2px solid #ffffff;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 40px;
}
.homebutton:hover {
        border-color: #ffffff;
        background-color: #23858c;
        transition: all 0.2s linear;
        transform: scale(0.9);
    }

Please let me know if you can help!

Thanks

Would you be able to share the code for swapping the site logo to a gif?! I've been looking forever for it but have no luck...

On 9/19/2020 at 8:54 AM, tuanphan said:

Add to Home > Design > Custom CSS

.portfolio-hover-bg-overlay {
    opacity: 0 !important;
}

 

Unfortunately I've already tried that and it doesn't work. That references to the hover over images placed within each link, but not the BG of the page.

I've found and attached the code that effects that file, but I'm not sure how to change it as I've tried [alt=...] without anything working.

Do you have any suggestions?

On 7/16/2020 at 9:56 AM, theresa.southern said:

@jpwelchux

I know it's been awhile, but here is one option for you. Get the URL of the photo and use this CSS. Change opacity as desired. This is for Squarespace 7.1 and works for background images. You can always save the image with the opacity lowered but I like having the flexibility to change the opacity. 

[data-image="https://static1.squarespace.com/static/5ed54b8712824d33607048a7/t/5f10815a05b113770412e64c/1594917213740/business-executive-carrying-briefcase-walking.jpg"] {
  opacity: .5;
}

 

I'm also looking into changing the forced Opacity Overlay on this page's (nicetrycreative.com/packages) background but I've tried your code while inputting my BG image url but it didn't do anything 😞

Do you have any other suggestions?

Used:

[data-image="https://images.squarespace-cdn.com/content/v1/5f41b993ec8a536cf1ca5b7a/1600397794700-UZIR481TQ63LIUEIDRZT/ke17ZwdGBToddI8pDm48kNvT88LknE-K9M4pGNO0Iqd7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1USOFn4xF8vTWDNAUBm5ducQhX-V3oVjSmr829Rco4W2Uo49ZdOtO_QXox0_W7i2zEA/NiceTry_ContactPage.jpg?format=2500w"] {
  opacity: 1;
}

Do I need to add something before the [data-image..]?

Site URL: http://nicetrycreative.com

Hi,

Running a 7.1 and want to figure out how to turn off the opacity tint that is being added to the Background in the Hover List page of the preset Portfolio Page.

With all other pages, adding a Background has the option of changing the Opacity Overlay % but on Portfolio pages, it is missing that option and automatically adds a 12-15% overlay. I've already changed all the Opacity options in the Design but as you know, with 7.1 the opacity is never 0% (which is so frustrating and stupid)

Does anyone know the code in order to change this?

nicetrycreative.com/packages
Password: nicetry

Any help is appreciated!

UPDATE: FINALLY FOUND IT

For anyone wondering, add this to the Design > Custom CSS

.portfolio-hover-bg-overlay {
  display: none !important;
}

Site URL: http://nicetrycreative.com

Hey guys,

I can't seem to change the Image Overlay to transparent for my images, specifically in the Project Page template during Link Hover.

I've already gone into the Section Themes and changed every singe Image Overlay to White with the Transparency bar to the left side. It seems like in the Squarespace Help url here "In version 7.1, the left side is a very light tint, while the right side adds a darker tint" which to me, seems like you then can never have true transparency since the left side still gives you a "very light tint".

I've attached a photo of the page.
Also it's viewable at nicetrycreative.com/packages
Password: nicetry
Confirmed that I'm running version 7.1

I've also scoured for past posts on Custom CSS fixes but none of them have worked.

Does anyone have any insight on how to fix this?