• Resolved JazzGirl27

    (@jazzgirl27)


    I created a banner (slider) with a width of 200 px, but there is still background underneath it (I made it gray), and I want it to be narrower. Not sure how to do that. Please advise.
    Website: http://www.kazyansky.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • SomewhatRounded

    (@somewhatrounded)

    Hey JazzGirl!

    You can use custom css or a child theme and add this to the stylesheet to narrow it down:
    .theme-default .nivo-controlNav { padding: 0; }

    Thread Starter JazzGirl27

    (@jazzgirl27)

    Hello, thank you!
    Is it the entire code? I think something is missing.

    Yepp, that’s all!

    For the slider under the header area, right?

    If that doesn’t work, you could try using an !important, like so:
    .theme-default .nivo-controlNav { padding: 0 !important; }

    Thread Starter JazzGirl27

    (@jazzgirl27)

    SomewhatRounded
    Thank you!

    Thread Starter JazzGirl27

    (@jazzgirl27)

    I was able to get rid of this background by just changing a setting on the Meta Slider I am using (to Flex Slider). The problem I am experiencing now is that when I add a slider banner, it adds some space on the right of my home page. You will see it if you scroll to the right.
    Just in case – I am using the slider width of 1920 px and height of 200 px.
    Any suggestions? Thank you!
    http://www.kazyansky.com

    That works too!

    The easiest fix would be to use
    #st-wrapper { overflow: hidden; }

    Otherwise it’s just a case of playing around with dimensions 🙂

    Thread Starter JazzGirl27

    (@jazzgirl27)

    SomewhatRounded

    It helped! Thank you so much!

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

The topic ‘How to make the banner narrower?’ is closed to new replies.