Problems with header photo

Public Ticket #17522

Conversation thread

RoadtoPangea replied

5 years ago

Customer Reply

It works!

Thanks so much!

Best,

Nadine

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-single-style-5 .standard-post-special_wrapper {
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

Regards,
PenciDesign.

RoadtoPangea replied

5 years ago

Customer Reply

I'm using Style 5. Does it help you?

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please send me a single post URL.

Regards,
PenciDesign.

RoadtoPangea replied

5 years ago

Customer Reply

Alright. May you give me the CSS code? That would be very helpful :-)

Thx in advance

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

I can help you adding custom CSS code to put the title in the middle of the featured image but can't make different colours for each picture.

Regards,
PenciDesign.

RoadtoPangea replied

5 years ago

Customer Reply

The first one works. Thank you for that!

for the second one I would like to have the title in the middle of the featured image and preferably a different color for each picture. It this possible?

Best regards,

Nadine

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

1. Please use the custom CSS below:

.post-image img {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}
.post-image:hover img {
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

2. Soledad Theme already has a template with content overlay. Please go to Appearance → Customize → Single Posts → General, try to use Style 5/6/8 on Single Posts Template.

Regards,
PenciDesign.

RoadtoPangea started the conversation

5 years ago

Conversation Start

Hi all,

Can I put a hover in black and white or a CSS like this on the featured image at the top of a single Post?

img { filter: grayscale(100%); }

img:hover { filter: grayscale(0%); }

A second question:

Can I also add a text over that featured image?

I tried to do it with an elementor text widget but but the mobile version was a bummer :-(

Thank you in advance.

Best,

Nadine

Want to join this conversation or access attachments? Sign in first.