Issue with Poster Image Block Title Text Alignment

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.

Hi!

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?

20 hours ago, Janeli said:

Hi!

 

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>

2 hours ago, tuanphan said:

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>

 

Thanks a lot. 🙂