[mndvtk]

Hi,

in some pages, like checkout, shown blank default title image, where i can change it?

in checkout it shows:
https://im.ge/i/Pbbky

in products:
https://im.ge/i/Pbf4X

[Althemist]

Hi mndvtk,

For products you can’t have an image in the title.

As form the checkout page, it’s in the page setting when you edit it in the admin (the right column with page and layout settings.

[mndvtk]

Hi,

Yes, but it’s strange, i put image on checkout page simple. As you see here in products, title is looks very “sad” 🙂 http://www.magicflow.lt/product/colorful-pearl-necklace/

I think it possible to change anything, but it take a time for me 🙂 for you as professional coder i think it takes minutes 🙂

Maybe there are any smart ideas? 🙂

[Althemist]

The only possible option for product pages would be to assign an image with CSS, but it would be the same for all products.

As for the “sad” title, you can simply change the default title background color with something that suits you better.

[mndvtk]

Can you provide CSS code how to change title image for all products?

Thanks a lot!

[Althemist]

.single-product .zass_title_holder {
    background-image: url("path-to-your-image-here");
}

This should do the job.

[mndvtk]

Thanks! it works, one more little thing 🙂 how to make correct CSS code, to show picture extactly as it is in SHOP page, because now, image is zoomed and not the same as in shop or in contacts page.

SHOP page: https://www.magicflow.lt

with this code products page looks like: https://www.magicflow.lt/product/colorful-pearl-necklace/

Thanks in advance!

[Althemist]

.single-product .zass_title_holder {
    background-image: url("https://www.magicflow.lt/wp-content/uploads/2021/09/DSC_0480-2-scaled.jpg");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

[mndvtk]

it works perfect for desktop, THANKS 🙂 but for mobile phone shows only color, no image….

it should be another CSS code for mobile version?

[Althemist]

It works fine for me on mobiles. Try clearing your phone cache.

[Author]

Posts