background image in Free Text

This topic contains 2 respuestas, has 2 voices, and was last updated by Ignacio Gros Hace 4 años, 9 meses.

Author

Entradas
5 marzo, 2020 at 11:56 #33203

Anónimo

Dear All

A while ago Ignacio was kind enough to provide me with info how to insert a background image in Free Text using the style manager and making a new style. It worked well but I still face a problem bercause while the text is responsive when the screen is smaller and the picture goes down as I used : .iDevice_wrapper.FreeTextIdevice{background:url(t.png) no-repeat 0 0; background-size:cover}

but when the screen gets smaller, the picture width is remaining the same and not getting smaller, what do you suggest?

Thank you

Ramzi Ataya

ramziataya@yahoo.com
5 marzo, 2020 at 12:56 #33204

Anónimo

Dear All

I discovered by accident that the problem of the background picture being responsive vertically but not horizontaly was due to the fact that I was using a table of two rows in order to manage the spacing or the text that has to be in the proper space after the top picture or title of the lesson with the picture. This table of two rows was the cause of the problem however, without the table, the text will not be in the correct place on the picture, so I am not sure what to do…

I hope you can help

Thank you

Ramzi Ataya
6 marzo, 2020 at 8:20 #33221

Ignacio Gros
Keymaster

Did you try other background-size values, like “contain”?

More information here: https://www.w3schools.com/csSref/css3_pr_background-size.asp

I hope it helps.
Author

Entradas

You must be logged in to reply to this topic.