Portfolio - Layout Hover:Background - Change text colour and add transparent background.

23 hours ago, Osman01 said:

Hi,

I'd like to fine tune one of my pages (Independent Study).

On my cover page I have this transparent background with white text,  like the image below.

I would like to carry this over to my "Independent Study" page. I don't seem to find any editing option in site styles to help me enable this. At the moment this is how it looks like.

I have the issue of not seeing the text clearly when hovering over the text. I used a portfolio section with Hover : Background layout.

Any help would be great. I don't mind if the text has individual transparent backgrounds.

Web: osman-b-zaman.squarespace.com

Pass : PASS700

 

Kind Regards

 

You can try adding to Home > Design > Custom Css

.portfolio-hover-items-list {
  background-color: var(--tweak-text-block-background-color);
  border-radius: 5px;
}
.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title {
  color: #fff;
}
.portfolio-hover-items {
  z-index: 9;
}

Support me by pressing 👍  or marking as solution if this useful for you