Lay Theme Forum

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

    Editing (Rotating) images

    Bug Reports
    3
    6
    436
    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.
    • O
      OHA Osthang last edited by

      Hello!

      how can I rotate images? I tried it in the editing option, the media folder gives you, but when I add it to my project page, it is not flipped. Maybe a "rotate" or "edit" button within the project editor would be handy. Or even the option to edit the size and format of an image within the gridder.

      Cheers
      Julia

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

        Hi Julia,
        thank you for this comment.
        We will consider adding this feature in the future.

        Now you need to solve it with CSS.

        All the best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • O
          OHA Osthang last edited by

          thanks for your reply Marius. I'm not sure how to rotate the image with css in lay theme. Could you help me on that also?

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

            Hi Julia,

            have a look here:
            https://www.w3schools.com/cssref/css3_pr_transform.asp

            You need to add this CSS class to all the images you want to rotate.

            You can give images a special CSS class by right clicking on them:
            0_1496674104756_Bildschirmfoto 2017-06-05 um 16.48.01.png

            Then you give them a class for example rotate
            0_1496674127680_Bildschirmfoto 2017-06-05 um 16.48.10.png

            And then you enter this to your Custom CSS:

            rotate {
                -ms-transform: rotate(7deg); /* IE 9 */
                -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
                transform: rotate(7deg);
            }
            

            I hope that helped!

            Play around with it :-)

            Marius

            www.mariusjopen.world

            D 1 Reply Last reply Reply Quote 0
            • D
              dachenbuch @mariusjopen last edited by

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Hello Julia!

                As you can see – for me it works.
                0_1497277155993_Bildschirmfoto 2017-06-12 um 16.18.26.png

                Can you post a link to your website that I can have a look?

                Best!

                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

                P
                C
                L

                Recent Topics

                • C

                  centred Carousel fixed width and proportions

                • L

                  position Project titles outside the images on the side

                • slow navigation WP admin control panel

                • P

                  News element date and title order

                laytheme.com