Hello there,
Sorry for the late reply.
You can do this by using a bit of CSS code.
First, you will have to add an image as the background using your theme’s customize option.
Once you are happy with how that looks, you will have to use the Inspect Element tool to find the HTML/CSS code for that.
Now that you have the code, you need to add it as additional CSS by going to Appearance – Customize -> Additional CSS.
I’ll write down an example of how the code should look like:
English version
body.translatepress-en_GB, body.custom-background { background-color: #ffffff;background-image: url("imagepath.png");background-size: auto;background-position: left top;background-repeat: repeat;background-attachment: scroll; }
Romanian version
body.translatepress-ro_RO, body.custom-background { background-color: #ffffff;background-image: url("imagepath.jpg");background-size: auto;background-position: left top;background-repeat: repeat;background-attachment: scroll; }
You need to use the body.translatepress-“language-code” class. Change “langauge-code” with the wanted language (in my example I used en_GB and ro_Ro).
Let me know if it works.
Best regards,
Cristian
Thread Starter
bob
(@dannyotoole)
Hi,
Thank you for your response, unfortunately I don’t think this can work. I need it to be dynamic, as in how translating text is done, you click on an image and have fields for different languages. I can’t do it though css because for example I use this certain block on numerous pages and the css class structure would be the same for each page. is there any other suggestions? or is this a known issue that is planning to be fixed in a future update?
Thanks.
