You are not logged in.

mc360photo

Trainee

  • "mc360photo" started this thread

Posts: 47

Location: ITALY

Occupation: Photographer

  • Send private message

1

Tuesday, March 3rd 2020, 12:36pm

Problem with text layer rotation: text rotate but background do not rotate

I am trying to have a text layer vertically rotated with a background color. I use XML like this:

<layer name="verticaltext"
keep="true"
type="text"
html="vertical text"
css="color:#FFFFFF; transform: rotate(-90deg);"
bgcolor="0xFF0000"
bgalpha="1" />

The text is properly rotated but the background remain horizontal !!

If I use HTML with the same css, like this:

<div style="background-color:#FF0000; transform: rotate(-90deg);">
vertical text
</div>

both text and background are properly rotated.
I am doing something wrong or is a bug?

Thanks for help.
Marco

jeromebg

Professional

Posts: 840

Location: Angers - France

Occupation: Photographer

  • Send private message

2

Tuesday, March 3rd 2020, 12:48pm

You must rotate the layer and not the text with css :

<layer name="verticaltext"
keep="true"
type="text"
html="vertical text"
css="color:#FFFFFF;"
bgcolor="0xFF0000"
bgalpha="1"
rotate="-90"
/>

mc360photo

Trainee

  • "mc360photo" started this thread

Posts: 47

Location: ITALY

Occupation: Photographer

  • Send private message

3

Tuesday, March 3rd 2020, 12:52pm

So easy!! Thanks

Similar threads