Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Carousel Addon / Image Size Portrait or Landscapeformat

Carousel Addon / Image Size Portrait or Landscapeformat

Scheduled Pinned Locked Moved Addons
9 Posts 4 Posters 1.5k Views
  • 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.
  • N Offline
    N Offline
    neon
    wrote on last edited by
    #1

    Hello dear Armin,

    I just bought your carousel addon.
    Looks super great!! Exactly I was looking for. Thanks.

    But i was wondering, how it's possible to
    show all images of a slideshow - some are in portrait & some in landscapeformat,
    in the exact pixelsize like 400 x 800 or 800 x 400px.

    If I start the slideshow with a portraitformat,
    the landscapeformats are only 400px wide, not 800.

    Is there anything I can do, to fix this?
    _

    Also for the fonts, I want it to work the site on all devices.
    So for this, what can you recommend: Px oder %.

    Thanks for your help,
    Stef

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2

      Hey stef!
      EDIT:
      With the latest version of carousel, you can use the custom aspect ratio option when you add a carousel. Using your custom aspect ratio can make sure, that all images fit inside well.

      Hm with fonts you need to try out what works best for you. You can use textformats and use different font sizes for mobile and for desktop. I think using px is fine unless you want to use huge font sizes.

      1 Reply Last reply
      0
      • N Offline
        N Offline
        neon
        wrote on last edited by
        #3

        Thanks for your help!!

        With textformat - for different font sizes for every device - you mean
        it has to be changed in css, right?

        Another question concerning fonts:
        I' mixing projects and single images on the front page.
        Is it possible that project captions and single image captions do look the same?

        All the Projects, captions are hiding / and appear with a mouseover,
        Is the same possible with single images???

        Thanks in advance!
        Stef

        1 Reply Last reply
        0
        • N Offline
          N Offline
          neon
          wrote on last edited by
          #4

          Hey dear forum,
          I think my question wasn't so clear... what I wanted to know is,
          is it possible to do a mouseovereffect for the caption of single images ?
          I researched the whole day but, didn't find a proper solution.
          I'm so close to finishing the website ;-)
          Thanks in advance for any hint,
          Stef

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #5

            Hey stef!
            About your first question about the carousel. Right now I'm working on an update for the carousel. You will be able to set a custom aspect ratio for a carousel so it isn't always the same size as it's first image.

            With textformat - for different font sizes for every device - you mean
            it has to be changed in css, right?

            I just meant that with textformats you can set a fontsize for desktop and for mobile. Look at the first screenshot here: http://laytheme.com/how-to-use.html#textformats
            You have "mobile font size" etc. Those attributes are in effect, when your layout becomes the phone layout and everything is stacked.

            is it possible to do a mouseovereffect for the caption of single images ?

            Yeah, I want to add that as a Customizer option one day. Right now you can do it like this:

            .img .caption{
                opacity: 0;
                transition: opacity 300ms ease;
                -webkit-transition: opacity 300ms ease;
            }
            
            .img:hover .caption{
                opacity: 1;
            }
            

            By the way if you have multiple questions it's good to open a new topic for each question, then it's easier to find for other people :D

            N 1 Reply Last reply
            0
            • N Offline
              N Offline
              neon
              wrote on last edited by
              #6

              Hey, thanks for your great support!!!
              Now back to work with your helpful hints,
              Thanks again, s

              1 Reply Last reply
              0
              • arminunruhA arminunruh

                Hey stef!
                About your first question about the carousel. Right now I'm working on an update for the carousel. You will be able to set a custom aspect ratio for a carousel so it isn't always the same size as it's first image.

                With textformat - for different font sizes for every device - you mean
                it has to be changed in css, right?

                I just meant that with textformats you can set a fontsize for desktop and for mobile. Look at the first screenshot here: http://laytheme.com/how-to-use.html#textformats
                You have "mobile font size" etc. Those attributes are in effect, when your layout becomes the phone layout and everything is stacked.

                is it possible to do a mouseovereffect for the caption of single images ?

                Yeah, I want to add that as a Customizer option one day. Right now you can do it like this:

                .img .caption{
                    opacity: 0;
                    transition: opacity 300ms ease;
                    -webkit-transition: opacity 300ms ease;
                }
                
                .img:hover .caption{
                    opacity: 1;
                }
                

                By the way if you have multiple questions it's good to open a new topic for each question, then it's easier to find for other people :D

                N Offline
                N Offline
                nikolai
                wrote on last edited by nikolai
                #7

                @arminunruh said:

                is it possible to do a mouseovereffect for the caption of single images ?

                Yeah, I want to add that as a Customizer option one day. Right now you can do it like this:

                .img .caption{
                    opacity: 0;
                    transition: opacity 300ms ease;
                    -webkit-transition: opacity 300ms ease;
                }
                
                .img:hover .caption{
                    opacity: 1;
                }
                

                I guess I should put that in custom css? If so, it doesnt seem to work.
                @neon
                could you solve the problem?

                1 Reply Last reply
                0
                • A Offline
                  A Offline
                  anna.haas
                  wrote on last edited by
                  #8

                  Hello @arminunruh, @neon. @nikolai
                  Did anyone manage to do that? I'm trying the same thing!
                  Thank you for your hints!

                  1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #9

                    Hey anna, so there were multiple questions here. Which one are u referring to? :D

                    1 Reply Last reply
                    0
                    Reply
                    • Reply as topic
                    Log in to reply
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes


                    I also code custom websites or custom Lay features.
                    šŸ’æ Email me here: šŸ’æ
                    info@laytheme.com

                    Before you post:
                    1. When using a WordPress Cache plugin, disable it or clear your cache.
                    2. Update Lay Theme and all Lay Theme Addons
                    3. Disable all Plugins
                    4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                    This often solves issues you might run into

                    When you post:
                    1. Post a link to where the problem is
                    2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                    3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                    Online Users
                    Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                    laytheme.com
                    • Login

                    • Don't have an account? Register

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Recent
                    • Tags
                    • Popular
                    • Users
                    • Search