Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 14, 2014 at 9:50 pm #251317
    Edna

    Hi,
    I have a content slider on one of my pages.
    There seems to be a rather large (50 pixels) padding above and below the content slider.
    Would there be a way to reduce this?

    Thanks so much for all your help.
    E.

    April 15, 2014 at 5:30 am #251421
    Devin

    Hey Edna!

    Can we see the page live? Most elements have an automatic padding/margin on them to give the theme its overall look and feel of balanced white space so it would just need to be targeted and reduced with some css.

    Best regards,
    Devin

    April 15, 2014 at 3:51 pm #251662
    Edna
    This reply has been marked as private.
    April 15, 2014 at 11:17 pm #251847
    Yigit

    Hi!

    Please add following code to Quick CSS 

     .avia-content-slider { margin: 10px 0; }
.page-id-3401 .content { padding-bottom: 30px; }
.page-id-3401 #top .avia-smallarrow-slider-heading { display: none; }

    Regards,
    Yigit

    April 16, 2014 at 5:23 pm #252224
    Edna

    Hi Yigit thanks so much.
    The Content Slider also has a field where one can put a “Heading” for the entire slider. If left empty there is still a Div created for it which renders in the HTML code as:
    <div class="new-special-heading"> </div>
    Which in turns also causes an extra gap above the content slider. style=”display: none;” should solve that issue as well.
    Thanks so much for everything
    E.

    April 16, 2014 at 5:35 pm #252229
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .page-id-3401 .new-special-heading { display: none; }

    Regards,
    Yigit

    April 16, 2014 at 5:45 pm #252236
    Edna

    Spoke too soon. :( If I move the slider to the top of the page the gaps are there again. Is there a way to remove the 50pixel padding from all content sliders no matter where they would be?

    Thanks
    E.

    April 17, 2014 at 5:33 am #252443
    Ismael

    Hi!

    Thank you for using the theme!

    I visited the website but I can’t locate the content slider. Do you mind posting the actual page with the slider? You can try this:

    .content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}

    Regards,
    Ismael

    April 17, 2014 at 4:33 pm #252767
    Edna
    This reply has been marked as private.
    April 18, 2014 at 10:29 am #253085
    Ismael

    Hi!

    Thank you for the update.

    Actually it is not the padding of the content slider, it is the padding of the whole content container. Looks like you managed to reduce the content padding but to make the css more specific to that page, please use this:

    .page-id-3401 main.template-page.content.twelve.alpha.units {
padding-bottom: 10px;
padding-top: 10px;
}

    Regards,
    Ismael

    April 22, 2014 at 3:56 pm #254418
    Edna

    Thanks so much Ismael. It worked like a charm

    E.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Content slider’ is closed to new replies.