Vertical text in column - bottom to top next to column with normal horizontal text

TheWebCG · December 2019

How can I get vertical text from bottom to top in a column?

TheWebCG · December 2019

OR a way to do it in a button?

Pablo · December 2019

Hello,

Can you make few screenshot of this element with greater explanation?

Or any screenshot of the element which looks similar to that what you want achieve?

I do not quite understand.

Thanks

TheWebCG · December 2019

I want a column or button the far left of screen with text vertical reading from bottom to top.

Then, next to that button/column will be additional columns with images/logos using a standard column.

That make sense

Pablo · December 2019

I'm not sure what exactly do you mean - but you can try to create it as your html structure using the column item, because you can use the HTML coding there.

Also, you can do it using the Muffin Builder, just create a structure which will be similar to what you told.

As I understood, It should be similar to this:

http://prntscr.com/q71txv

Thanks

TheWebCG · December 2019

Nope. Not what I mean.

Rather simple explanation I thought. See example below:

https://prnt.sc/qbayqr

Pablo · December 2019

We do not have any item to display it like that - you would have to create a custom HTML structure with CSS code applied.

You can use the "Text-Orientation" CSS rule:

https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation

Thanks

TheWebCG · December 2019

Thanks.

But still having issue getting it to turn the right direction. I can't get it to go from bottom to top similar to example i sent. It keeps going from top to bottom orientation.

Pablo · December 2019

Can you send me a screenshot of the Muffin Builder content?

I need to take a look how you made it.

Thanks

TheWebCG · December 2019

Here you go

https://prntscr.com/qblahq

Pablo · December 2019

I tested it on my local device and it works fine.

Can you send me a link to that page?

Also, please double-check if you didn't made any typo.

Be aware, that CSS rule won't work on all browsers:

https://caniuse.com/#search=text-orientation

https://caniuse.com/#search=writing-mode

thanks

TheWebCG · December 2019

Its not going in the right direction. It is working but not the way/direction I showed/expressed I was looking for in previous screen shots

TheWebCG · December 2019

https://www.battenco.com/

On the home page, want to separate the logos in the section tilted "Relied Upon By" by type. So trying to create a "Retail" , "Restaurant" & "Commercial" section and have those titles on the far left with text reading from bottom to top. make sense? SO text will look like this example: https://prntscr.com/qd8y0s

TheWebCG · December 2019

Open to any suggestions to achieve this look

Pablo · December 2019

Maybe just try to insert an image which will have the same background color (or transparent) which this text applied?

It should be the best workaround.

Thanks

Vertical text in column - bottom to top next to column with normal horizontal text

Comments