How can i center image the img that i have in my nivoslider?

Home Forums I Am One Support How can i center image the img that i have in my nivoslider?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #79028
    yosva-nfsyosva-nfs
    Member
    • Topics: 5
    • Replies: 7
    • Total: 12
    Member since: July 21, 2017

    I want to center the image i have in my nivo slider i used .nivoSlider{height:400px;} to fit it how i wanted but the img i am only seing the top part of the img is there any css to center it? just the img
    http://jdbrokercorp.com/

    sry if wrong post on forums

    #79034
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30638
    • Total: 30638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .nivoSlider img { top:-180px !important;}

    Regards,
    Chris

    #79055
    yosva-nfsyosva-nfs
    Member
    • Topics: 5
    • Replies: 7
    • Total: 12
    Member since: July 21, 2017

    thank you does it work for every img in the slider? i only have 1 but i can put up to 6 i think. My first slider img is fine now if i want to put a second one it will have the same effect?

    #79066
    yosva-nfsyosva-nfs
    Member
    • Topics: 5
    • Replies: 7
    • Total: 12
    Member since: July 21, 2017

    thank you does it work for every img in the slider? i only have 1 but i can put up to 6 i think. My first slider img is fine now if i want to put a second one it will have the same effect? also i cant add img to my header every time i add one it doesn’t appear is there anyway possible to merge the slider img to cover my heading with my menu? Thank you!

    #79168
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30638
    • Total: 30638
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .nivoSlider:nth-child(1) img { top:-300px !important;}

    Regards,
    Chris

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.