lornem

https://forum.squarespace.com/profile/231994-beyondspace/ Hi, that worked. Thanks so much. I have a couple of more questions if you don't mind. 1) How do I add color to the overlay if I don't want to use white? I tried this code but it didn't work /* --- White Image Overlay --- */ .gallery-grid-image-link { opacity: 0.6; } .gallery-grid-image-link:hover { opacity: 1.0; transition: opacity 0.1s ease; color: #ffcc00 } 2) How do I change the image description color so it's lighter and it doesn't stand out so much? I tried this code but it didn't work /* --- Gallery Font Style --- */ div.gallery-caption-wrapper p.gallery-caption-content { font-family: 'proxima-nova' !important; font-color: #ff3300; font-size: 24px; }

Using Squarespace 7.1 Fluid Engine Hi there, I am trying to add a white 50% opaque overlay to all images on the website I am editing. I've tried several tutorials on editing list or gallery item blocks, but nothing I do seems to have an effect on the carousel elements. What I'm aiming for is the images to look faded in their default (main) state and when they are hovered over, they become brighter (their original color, with no overlay). So I am trying to have the images and thumbnails to look faded with 50% white by default and when you hover over an image or thumbnail their image will show in full color. I want this effect to apply to the (Wilde, Guardians, Meraki) images on the homepage and all thumbnail images in the (Wilde, Guardians, Meraki) store pages. I do not know which "Selector" to use in the code. I want to use CSS to accomplish this. Here's the code I have but it's not working. Thanks .sqs-block-image:hover { filter: grayscale(0) } Here's the video I was watching that sort of explains it. https://youtu.be/u9aIzizxcUI?si=mb9DzV4hKxmY_62O

@paul2009 Thank you for the reply. 👍

Hi, I am using Squarespace 7.1 I want to wrap text around an image so the text flows around the image. I read you just hold down on the image and move it over the text and when the image turns blue you release it and the text will wrap around it. I've tried this in Edit Mode but it doesn't work. What am I doing wrong.

Hi, I notice in the Site Styles there's a default of 3 H tags. H1, H2, H3, H4 I need a separate style that uses a different font and was wondering if I can I add another Tag like H5? How would I do this?

Tuan, thank you very much. Merry Christmas.

Hi, I have 2 questions How Do I Customize Slider Text only 1) I am trying to change the: font for the slider banner only. I want to be able to add a custom font for it and change the size, color, letter spacing to below. color: #ffffff; font-family: Anton; font-size: 75px;; font-weight: 500; letter-spacing: 0.3px; text-transform: none; How Do I Customize Navigation Text Only 2) I want to make the Navigation to have a Weight of: 600. Currently the navigation is using the P3 (weight of 300) in Site Styles. If I change the weight in site styles then it will change the weight for every P3 element which is not what I want. I only want to change the weight for the navigation so it looks bolder. Thanks

Tuan, Thank you very much! 👍🙂

1) The white logo get's lost on the dark and busy slider images. What code would I use to add a subtle semi-transparent black drop shadow beneath my logo and the menu? 2) How do I Make My Navigation "Clicked" State red #FF0000 instead of black so it is more visible against the dark slider images? I looked through the Site Styles and could not see an option for this.

Wow that worked great thank you. 1) The white logo get's lost on the busy backgrounds. Is there a way to add a subtle black drop shadow beneath my logo and the menu. Would Something like this work? filter: drop-shadow(0px 0px 20px #6D6875); 2) Also, the "clicked state of the menu item is black. So "home" is black when clicked and doesn't show up well on the sliders. I went through (Site Styles > Colors) but didn't see an option for adding a color to the clicked state. I want to change the "clicked" state to "red" #CE2424 so whatever page a person is on that page's menu item would be red.

Question #1 Hi, Ok I found this tutorial that uses: "Squarespace Auto Layouts". https://www.thestyledsquare.com/blog-content/how-to-create-a-rotating-hero-banner-with-squarespace-auto-layout I followed the tutorial here and added the code. It works perfectly but it needs "Arrows" to be enabled to work. If I turn off (hide) "Arrows" then the hero banner stops auto scrolling through the images. (Edit Content > Design > Style > Navigation > Arrows) Question: How can I add code to CSS to "hide" the slider arrows and still allow the banner images to auto scroll? ___________________________________________________________________ Question #2 Question: How do I Make my Logo and Navigation "White" only on my Homepage and keep them black on all other pages?

Hi, the code below is for a transparent header. How would I change the code if I want it to work for a page other than the homepage. The page I want to use is: /test ________________________________________________ .homepage #page section:first-child { padding-top: 0 !important; }

Ok, thanks.

Yes that is perfect. How do I get that on my page?

Ok, Thanks. I changed it but I see nothing.. No type. Nothing has changed on the page.