ResolvedTitle background image

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #31314
    mndvtk
    Participant

    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

    #31338
    Althemist
    Keymaster

    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.

    #31719
    mndvtk
    Participant

    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? πŸ™‚

    #31737
    Althemist
    Keymaster

    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.

    #31743
    mndvtk
    Participant

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

    Thanks a lot!

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

    This should do the job.

    #31802
    mndvtk
    Participant

    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!

    #31811
    Althemist
    Keymaster
    .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;
    }
    #31816
    mndvtk
    Participant

    it works perfect for desktop, THANKS πŸ™‚ but for mobile phone shows only color, no image….

    it should be another CSS code for mobile version?

    #31823
    Althemist
    Keymaster

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register