Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 20, 2013 at 1:29 am #202328
    pelyon

    Hi,

    Is there a way to reduce the width of an easy slider to say 90%? It is currently in a 2/3 column layout element, and I need to reduce it further. I have tried applying this style to “avia-slideshow-wrap”, and “.avia img li a” , to no avail. The image size changes, but the background or box it resides in does not.

    I note the div class involved is: <div class=”avia-slide-wrap” data-rel=”slideshow-1″> Does this suggest a .php fix may be needed? Thank you,
    http://www.glennbrassington.com

    -Pelyon

    December 20, 2013 at 2:57 am #202377
    Yigit

    Hi pelyon!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .avia-slideshow { width: 90%; box-shadow: none;  }
.avia-slideshow-dots { bottom: 25px; }

    Cheers!
    Yigit

    December 20, 2013 at 5:57 pm #202641
    pelyon

    Thank you Yigit. Now if I want to lower the slideshow 10 or 20 px, what would you recommend? That or raise the columns below. Thanks!

    -Pelyon

    December 20, 2013 at 8:26 pm #202687
    Yigit

    Hey!

    You can add following code to Quick CSS as well

    body .column-top-margin {
margin-top: 20px;
}

    it will decrease top margin which is 50px by default

    Cheers!
    Yigit

    December 21, 2013 at 12:55 am #202754
    pelyon

    Thank you Yigit, last question. If I wanted to reduce the margin for the two vertical columns on the right (thereby raising them closer to the header) what is the css for that? My firefox firebug tool is letting me down, so sorry for these kind of questions. I did try putting the blog post elements inside the top layout element, but it sent the middle 3 columns to the bottom. Thanks again.
    http://www.glennbrassington.com

    -Pelyon

    December 22, 2013 at 7:46 pm #203088
    Yigit

    Hi!

    I am not sure if i understood you correctly, but please try adding following code to Quick CSS as well

    .avia-builder-el-3 { margin-top: -20px; }

    If this is not what you meant, please post a screenshot and show

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adjusting width of a 2/3 column easy slider’ is closed to new replies.