Claibuco
-
Posts
12 -
Joined
-
Last visited
Claibuco's Achievements
-
Help with code to change header designation
Claibuco replied to MelissaArlena's topic in Fonts, colors and images
I am having the same challenge with my testimonials section as well. Want to update font size to be smaller H3 or H4 rather than H1/H2. I tried going to Site Styles > Fonts > Assign Styles but there is no testimonials section to make that update. Let me know if you find a solution!
-
Page URL // Password: PB2024 Wanting to make sure image is full bleed and covers the entire section size. As you can see there is a line of the section color that goes to the bottom and top of the full bleed split screen image. I want to remove that. See "tout-example.png" for design on how I want it to look. Any suggestions on how?
-
tuanphan reacted to a post in a topic:
Change portfolio hero image on hover
-
AgnesK reacted to a post in a topic:
Change portfolio hero image on hover
-
Was able to sort it out - here is the code I ended up using //Windfall Portfolio Image Hover// a.grid-item[href*=windfall]:hover img { visibility: hidden; } .grid-image-inner-wrapper:after { visibility: hidden; } a.grid-item[href*=windfall]:hover .grid-image-inner-wrapper { background-image: url(https://images.squarespace-cdn.com/content/v1/5479fbb6e4b09ed1ced6da1d/3b6169ed-fc81-4b25-aeb7-3ab1c372592e/60_Ascent_2016?format) !important; background-size: cover; display: block; }
- 2 replies
-
- 2
-
-
- custom-css
- images
- (and 1 more)
-
I've added the following code and it pulls in the right image but it is tiling it. I know it has to do with the "format=100w" at the end of the code but i'm not sure which number to change it to so it's full width /* Change image on portfolio item hover */ a.grid-item[href*=windfall]:hover img { visibility: hidden; } .grid-image-inner-wrapper:after { visibility: hidden; } a.grid-item[href*=windfall]:hover .grid-image-inner-wrapper { background-image: url(https://images.squarespace-cdn.com/content/v1/5479fbb6e4b09ed1ced6da1d/3b6169ed-fc81-4b25-aeb7-3ab1c372592e/60_Ascent+2016+Print.jpg?format=100w) !important; }
-
Website url: https://www.ascentbuildingco.com/template-projects In the project template I want the hero image of each project (in the grid) to change on hover to a specific interior shot. For example with the Windfall project, on hover it should change from https://images.squarespace-cdn.com/content/v1/5479…194dd7e17bf/91_Ascent+2016+Print.jpg?format=2500w to https://images.squarespace-cdn.com/content/v1/5479fbb6e4b09ed1ced6da1d/3b6169ed-fc81-4b25-aeb7-3ab1c372592e/60_Ascent_2016.jpg
-
That worked, thank you! Curious that code would likely apply to all pages - how would you have it be for a specific page and not the whole website.
-
Claibuco changed their profile photo
-
I've updated the nav, footer, and section backgrounds in the styles to be the same style with dark background but when in desktop version if you minimize the size of the window a white bar appears. I am trying to make the whole website background black. Any ideas on how to change that default so it's not just section backgrounds. Thanks for your help
-
That worked great I was able to customize the thickness and offset by adding the following code: a { text-decoration: underline 2px !important; } a { text-underline-offset: 3px; } Any way to have this code and remove it from the navigation bar? I like it on body/paragraph/heading text but not in the navigation.
-
I am trying to make all text links underlined. In the template, links are only underlined over hover. I went into custom CSS and added the following code: a:link { text-decoration: underline; } It didn't work and I'm wondering if I need to add code that overrides the template hover request. Thanks for the help.
