Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Vertical Text Line

    General Discussion
    3
    4
    1083
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • V
      vsat last edited by 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!

      0_1489591732673_vertical_text.jpg

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        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!

        1 Reply Last reply Reply Quote 1
        • V
          vsat last edited by 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:

          0_1489998703437_Bildschirmfoto 2017-03-20 um 09.29.40.png

          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!

          1 Reply Last reply Reply Quote 1
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Hey Vsat,

            great! I am happy our found the solution.

            Have a good day!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • First post
              Last post

            Try this to fix issues before you post:

            Use the Search Feature. Maybe there is already a solution to your issue.

            1. Update Lay Theme and all Lay Theme Addons
            2. Disable all Plugins
            3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
            4. Now see if your problem solved itself
            5. Go here, see if your problem is listed here:
            Troubleshooting

            When you post:
            1. Post a link to where the problem is
            2. If the problem is difficult to explain, post screenshots / link to a video to explain it

            Thanks!

            Online Users

            S
            M

            Recent Topics

            • L

              position Project titles outside the images on the side

            • slow navigation WP admin control panel

            • P

              News element date and title order

            • add css class to site title img

            laytheme.com