the logo img should be centered

  • Hello
    Nice Plugin, it work fine ??

    just wanna give my point of view, that the logo images must me centered.
    Simple, just adding “margin:auto”
    here:

    .lgx-logo-slider-wp .lgx-logo-item .lgx-logo-img {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: auto;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

  • I would like that to. Can you tell me in which file I can find this script? i searched, but I can’t find it ?

    Thread Starter chocoxxl

    (@chocoxxl)

    It’s easier (and better, if the plugin get updates) to add this by theme customizer interface.

    Appearance > Customize> Additional CSS

    .lgx-logo-slider-wp {
    max-width: unset!important;
    }
    img.lgx-logo-img {
    margin: auto;
    }

    Done ??

    • This reply was modified 4 years, 2 months ago by chocoxxl.

    The above from @chocoxxl will not work for SVG. If you want SVG centered in LogoSlider WP plugin, then you should do 2 things. 1) Make sure they are exported responsive from Illustrator. The heading part of such SVG may look like <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 130 42"> <– yes, that’s all – just xmlns declaration and viewBox; 2) add this CSS to make owl carousel items in LogoSlider WP behave with centered SVGs:

    .lgx-logo-slider-wp {
max-width: unset!important;
}
.owl-carousel .owl-item img {margin:auto!important;height:120px;} /* declare height of your container and logo items here */
.lgx-logo-item {display: inline-block;
vertical-align: middle;
height: 120px;} /* declare height of your logo items here */

    The above CSS ruleset may look overlapping, but this is it – SVGs are centered as a result.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘the logo img should be centered’ is closed to new replies.

Tags