Jump to content

Issue with Poster Image Block Title Text Alignment

Recommended Posts

I'm using the Poster Image Block to create colorful link blocks on some of my pages. I'm using the Title text as the name of the link. I've decreased the size of the Poster Block image by a lot in order to create the small rectangular link. https://www.chachachapdx.com/catering

When viewing these pages in Safari, sometimes, not always, the text falls off the image and onto the background of the page. Again, this only seems to happen in Safari. Chrome is fine. You may need to click between the Catering link in the Navigation and the links I've created a few times to for this to display the issue.

It was discovered that the culprit is code I've injected in the Custom CSS section. It seems, after removal and testing of each piece of code, the code for dropping our logo below the header is causing the problem. I really like what adding this code does to our look and would rather not remove it if possible.

The following is the code I'm using in Custom CSS:

// Show the site-logo over the header and push it down .has-logo-image .Header-branding { z-index: 99; padding-top:90px; }

header { position: fixed; width: 100%; z-index: 4; }

//Reduce the height of the header so that logo is taller .Header-inner { height: 140px; }

Any help would be greatly appreciated.

Edited by DevinDahlgren
Link to comment
  • 2 years later...
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

20 hours ago, Janeli said:

Hi!image.thumb.png.c0da22ed3601958d4184a0758a9f7de9.png

 

We need help to changes the poster text color. We want to change it to white, how I can change only there. Where I have to put the code and what the code have to say?

Can you share link to this page? We can help easier.

Or add a Code Block under >> Paste this code

<style>
  .design-layout-poster * {color: white !important;}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.