[PicciaNeriParticipant]

Hello there, I need to achieve positioning the credits on the images of a client’s site at 90 degrees, vertically along the right. The text-rotation CSS for it is not too difficult: CSS text rotation

What I wonder is how I would achieve that positioning in Cornerstone. Is it even possible? I can’t figure out how I would do it in Cornerstone. Any tips greatly appreciated.

[ZeshanMember]

Hi there,

Thanks for writing in!

If you want to target an specific element such as Text, you can add a class of rotate under Class field of its settings (see: http://prntscr.com/7qeolc). Then you can insert the CSS under Custom > CSS in the Customizer.

Thank you!

[AndreParticipant]

Hey there Piccia,

Not sure if I understood what you want to achieve but I’ll share what I think you want.

Let’s imagine you have a block of text with the contents you wish to transform. In Cornerstone add a class to such block. For example, “vertical”.

After this you can go to your child-theme and call that class to apply the desired transformation with something like:

.vertical {
transform: rotate(90deg);
transform-origin: left top 0;
float: right;
}

Hope this helps somehow but soon a CSS master will show up 🙂

Cheers!

[JadeModerator]

Thanks for helping out @doublebond. 🙂

[Author]

Posts