Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 12, 2016 at 3:32 pm #563899
    milanissimo85

    Hello

    I’d like to style the Easy Slider without left, top and right padding. I’m sending a photo of what I have in mind in Private content. I tried to do it via color section, but I couldn’t figure out what styles to change. Any help would be greatly appreciated. I don’t want to use the advanced layerslider – too cumbersome and big for this purpose. Thanks.

    January 12, 2016 at 3:37 pm #563907
    Yigit

    Hi milanissimo85!

    I am getting “403 Forbidden” error when i go to your link. Please upload your screenshots on imgur.com or Dropbox public folder and post the links here. A link to your website would help as well.

    Also, have you tried adding easy slider inside a grid row?

    Regards,
    Yigit

    January 12, 2016 at 4:18 pm #563957
    milanissimo85

    Hello

    sorry about the broken link, I’m not sure why it’s not working. I’ve uploaded the photo to Dropbox.

    I’ve added this easy slider into 1/1 element. I’ve just tried to add it into a grid row with 0px paddings, but it somehow broke the styles on the entire page.

    January 12, 2016 at 4:24 pm #563970
    Yigit

    Hey!

    I cannot load your website, i am still getting “403 Forbidden” error :/
    Do you have some kind of IP restriction?

    Best regards,
    Yigit

    January 12, 2016 at 10:29 pm #564188
    milanissimo85

    I contacted my hosting provider, you should be able to access the website now.

    January 13, 2016 at 8:53 am #564420
    Ismael

    Hi!

    This is possible but it will take a few custom modifications. Are you planning to retain that layout? If yes, please try this:

    .home .main_color.container_wrap.sidebar_right > .container {
    padding-left: 0;
}

.home .content .entry-content-wrapper {
    padding-right: 0;
}

.home main.template-page.content.av-content-small.alpha.units {
    padding-top: 0;
}

.home .content .entry-content-wrapper .flex_column {
    padding-left: 50px;
    padding-right: 50px;
}

.home .content .entry-content-wrapper .flex_column:first-child {
    padding: 0;
}

    Best regards,
    Ismael

    January 13, 2016 at 9:45 am #564451
    milanissimo85

    Thank you

    These styles work well on desktop, but on mobile, the post column now has lots of padding around it and it’s now roughly half the width of what it used to be. I’m attaching a screenshot (Android, Galaxy S5).

    January 14, 2016 at 3:36 pm #565436
    Andy

    Hi!

    try to control it with this code:

    @media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: -40px;
}}

    and adjust as needed.

    Cheers!
    Andy

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