How to align text vertically center

Q&A about the latest versions
Post Reply
User avatar
lveerde
Posts: 38
Joined: Thu Oct 01, 2015 11:03 pm
Contact:

How to align text vertically center

Post by lveerde » Fri Oct 02, 2015 5:36 pm

Seems to be a simple task but can not solve nor find the answer:

How do you align text vertically at the center of the background?

I am using v5.0beta3a
And the code at the text area:
<span style="font-family: Open Sans; vertical-align: middle; font-size: 15px;">FIRST FLOOR</span>
align.jpg
align.jpg (148.89 KiB) Viewed 1444 times
Please check my recent tours at: https://www.tuur.ee

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: How to align text vertically center

Post by jare » Tue May 24, 2016 10:39 am

Hi,
not solved yet? I have the same problem.

User avatar
3DV
Posts: 63
Joined: Tue Dec 15, 2015 12:44 pm
Contact:

Re: How to align text vertically center

Post by 3DV » Tue May 24, 2016 12:20 pm

I think you have to use the 'Position' anchor set to center.
Skin-item-position.png
Skin-item-position.png (17.31 KiB) Viewed 1273 times
http://www.3dv.nl - Artist impressions and animations
http://www.vrtourviewer.com - Enjoy Pano2VR tours on Oculus Go, Rift, Gear VR, Daydream and Cardboard

User avatar
jare
Posts: 355
Joined: Thu Mar 19, 2009 1:26 pm
Location: RU/CZ
Contact:

Re: How to align text vertically center

Post by jare » Tue May 24, 2016 5:26 pm

I think you have to use the 'Position' anchor set to center.
No, it anchors only the text field, not the text inside.

User avatar
Chu
Posts: 89
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

Re: How to align text vertically center

Post by Chu » Wed May 25, 2016 1:49 pm

LVeerde wrote:Seems to be a simple task but can not solve nor find the answer:

How do you align text vertically at the center of the background?
Have you tried to use CSS to inform the text element, as below?
2016-05-25 12_41_56-Skin Editor.png
type the CSS code into the 'CSS Styles' section in the 'Advanced' properties for the text field here - as you would in a normal style sheet
2016-05-25 12_41_56-Skin Editor.png (4.63 KiB) Viewed 1254 times
Let us know how you get on
Using:
Pano2VR PRO 6.1.0 pro 64bit
build 17841/5.12.2

fancybox v3.2.5
Windows 10 v1709
Human Brain v1.0

Image

Artwork
  • Aerosol
  • Design
  • Screen
Specialist
  • 360°
  • Stereoscopy
  • Illusions
Concept
  • Consultancy
  • Campaigns
  • Data
  • Education
est.1971

User avatar
Chu
Posts: 89
Joined: Tue Jan 10, 2012 1:59 pm
Location: London, UK
Contact:

Re: How to align text vertically center

Post by Chu » Wed Jun 01, 2016 2:37 am

Chu wrote:Have you tried to use CSS to inform the text element?
Let us know how you get on
Of course, your CSS style code would be

Code: Select all

vertical-align: middle;
Using:
Pano2VR PRO 6.1.0 pro 64bit
build 17841/5.12.2

fancybox v3.2.5
Windows 10 v1709
Human Brain v1.0

Image

Artwork
  • Aerosol
  • Design
  • Screen
Specialist
  • 360°
  • Stereoscopy
  • Illusions
Concept
  • Consultancy
  • Campaigns
  • Data
  • Education
est.1971

Post Reply

Who is online

Users browsing this forum: Julien, thomas, TPoehler and 16 guests