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

TheWebCG

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

TheWebCG

OR a way to do it in a button?

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TheWebCG

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TheWebCG

Nope.  Not what I mean.  

Rather simple explanation I thought.  See example below:

https://prnt.sc/qbayqr

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TheWebCG

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

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

I need to take a look how you made it.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TheWebCG

Here you go

https://prntscr.com/qblahq

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

TheWebCG

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

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

Open to any suggestions to achieve this look

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next