• Resolved mwerks

    (@mwerks)


    Does anyone know how to code the Logo to center on the Layerslider? Our width is currently set to 100% for the slider?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mwerks

    (@mwerks)

    Under LayerSlider settings, you are able to add “yourLogo” (this is a fixed layer that will be shown above of LayerSlider container. For example if you want to display your own logo, etc., you can upload an image or choose one from the Media Library.) In addition, you can add “yourLogoStyle” (You can style your logo. You can use any CSS properties, for example you can add left and top properties to place the image inside the LayerSlider container anywhere you want).

    In my case, I am using the LayerSlider on my homepage, with a width of 100% and height of 349px. I am trying to add an .PNG image with a transparent bg sized at 1800px by 349px, to show centered on the layerslider. The CSS should be basic, I just haven’t had any luck styling this to show it centered. Hope this helps.

    Thread Starter mwerks

    (@mwerks)

    I figured it out. position: absolute; left: 50%; margin-left: -900px; top: 0;

    I added margin-left and reduced by half the length of the image. The is 1800px, so by making margin-left -900px, it moved the imaged back to center.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘yourLogo centered’ is closed to new replies.