Site logo

[Resolved] translatepress cover image change

Home Forums Support [Resolved] translatepress cover image change

Home Forums Support translatepress cover image change

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2526595
    Jusung

    Hello. I am trying to trnaslate my site now, but a problem is that I can’t change the cover image.

    What I know is that I have to change the cover image by adding CSS.

    So, I tried to give different class and used this code
    class: custom-cover1 custom-cover2 custom-cover3 custom-cover4

    body.translatepress-en_US, body.custom-cover {url(“aaa”);}
    Like this. I used right url instead of aaa.

    On the link, you can see 4 images in line and it has hover effect. that is why I used cover image.
    CAn you help with this?

    #2526611
    Ying
    Staff
    Customer Support

    Hi Jusung,

    The 4 images inline are actual images not background image, so you can not simply use CSS to replace them.

    But you can add the translated version of the image below the Korean version, then use CSS to hide one of them depending on the language.

    Once the new images are added, we can take another look and write CSS 🙂

    #2526619
    Jusung

    Oh I get it. So you are saying make the samething and hide it depending on the language.

    I have given class
    for korean, custom-kr
    for engish, custom-en

    #2526633
    Fernando
    Customer Support

    Hi Jusung,

    Yes, that’s what Ying is suggesting. Add another Image Block, and then hide or show it depending on the language.

    Your initial idea of using a background image would be good as well but you’ll need to change your structure for this.

    #2526642
    Jusung

    There must be 2 images for hover effect. but I can’t use 2 image block cuz it can’t be used in the same place. So, one image must be on the background for hover effect as far as I know.. I don’t get how I can use another image block.

    I gave class to the container. In this way, I can’t use hide or show using the container class..?

    #2526647
    Jusung

    It seems to work now!

    I just gave class to container and used display: none; in differetn languages.

    Thank you!!

    #2527587
    Ying
    Staff
    Customer Support

    Glad you’ve made it work 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.