Vertical Text Line

[vsat]

Hej!
first of all: great theme!

i would like to know, what i have to add e.g. in custom css to get a fixed vertical text line like the one in the sample image?

thanks in advance!

[arminunruh]

Hey!

This is possible with custom html and css!
Here is an example: http://laythemeforum.com:4567/topic/966/button-fixed-position-disable-by-cover-option/2

On the "neu designbüro" website they used custom css & html too (In Lay Options -> "custom css & html"):

css:

.sozialist {
    z-index: 99999999;
    font-family: "WorkSans-Regular", sans-serif;
    font-size: 24px;
    position: fixed;
    right: -8em;
    top: 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

html:

<div class="sozialist">
    <a href="https://www.instagram.com/neu_designbuero/" target="_blank">Instagram</a>
    <a href="https://www.facebook.com/NEU-Designbüro-135213353205312/" target="_blank">Facebook</a>
    <a href="mailto:hallo@buero-neu.de?subject=Hallo" target="_blank">E-Mail</a>
</div>

good luck!

[vsat]

great! thank you!

there is just one problem left.
everytime i add some lines in the custom html, whether it's head, at top or at buttom i get this message:

custom css works fine.
do you have an idea how to fix it?

thank you!

---

edit: i got it! it was a problem of the server security settings. THANK YOU!

[mariusjopen]

Hey Vsat,

great! I am happy our found the solution.

Have a good day!

Marius