Full Width Slider

  • mchavez17

    (@mchavez17)


    8 years, 7 months ago

    Hello,

    Im having a problem making the sliders the entire site witdth. I am trying to get this page, http://safety-zone.com/home-2/

    to look like this pages slider,
    http://safety-zone.com/

    The first link has white borders all around it. When i click on settings for easing sliders there is the option to change border width but when i click on it moves down a hair and doesnt fully open. That whole page actually just loads and loads, seems to be dead.

    I am fairly new to html, css and php. Please give overly detailed instructions, thank you in advance.

    https://wordpress.org/plugins/easing-slider/

Viewing 1 replies (of 1 total)
  • Thread Starter mchavez17

    (@mchavez17)

    8 years, 7 months ago

    Hi all,

    I was actually able to figure this out on my own. I went into wp-content>plugins>easingslider>css>easingslider.min.css and changed the margins. Here is that css code, (can be found right at the top of the css page).

    .easingslider,.easingslider-image,.easingslider-link,.easingslider-slide,.easingslider-viewport{line-height:0!important;outline:0!important;padding:0!important;margin:0px -24px 0px -14px!important}

    I then had to change background color to match the background color of website background,

    .easingslider-slide{position:absolute!important;top:0;left:0;bottom:0;right:0;background-color:#f8f8fff

    This last bit of code is located a few rows down from the top.

    Here is the final result,
    http://www.safety-zone.com/home-2

    Also one thing worth noting, when the images in the slider were assigned a link a border got created on the left hand side, i made all images have links so they all behave that way then adjusted the margins again accordingly. Success!

Viewing 1 replies (of 1 total)
  • The topic ‘Full Width Slider’ is closed to new replies.