Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 13, 2013 at 3:06 am #187594
    Mark

    Hey Guys – I am not using the Heading portion of the content slider, and if you look at it when it is paired next to a content block (say to the left or right of text content), the slider is not v-aligned to the top. It looks really off in terms of symmetry…the content is higher than the slider and I was hoping via CSS I could align the content slider to the top of the div container. Link via private message to prevent crawling of dev site.

    In the example below, the top of the image slider is pushed down to about line 3 of the text block next to it – it just doesn’t look right, and really need it to sit higher.

    Let me know how I should address this please.

    Thanks!

    November 13, 2013 at 3:08 am #187595
    Mark
    This reply has been marked as private.
    November 13, 2013 at 2:46 pm #187758
    Yigit

    Hey!

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

    .page-id-35 .avia-content-slider { margin: -10px 0 0 0; }

    Cheers!
    Yigit

    November 14, 2013 at 4:24 am #188201
    Mark

    That works perfectly, thanks but it doesn’t do it for every page, only some. I’m assuming it is tied to the .page-id – where do I pull that from to ensure I’m able to do this on every page?

    Thanks again! Awesome support!

    November 14, 2013 at 4:35 am #188204
    Ismael

    Hi!

    Yes, it is because of the page id. You can remove it.

    .avia-content-slider { margin: -10px 0 0 0; }

    Regards,
    Ismael

    November 16, 2013 at 7:26 pm #189641
    Mark

    I’m at a loss here. This WAS working when I initially added this code to the CSS – I just added the code and it isn’t moving at all. I removed the page-id and it should have a global effect, but it doesn’t seem to be working at all. Any ideas?

    November 16, 2013 at 7:33 pm #189646
    Mark

    So it seems if I remove the CSS you all had me add to try and fix the header issue in the iPad, the repositioning works fine, or if I make by web browser smaller size/screen, the above css moves the content slider up in the right position.

    As soon as I remove the css below, the content slider margin adjustment works no matter which size I make my browser window.

    Here’s the css that was added and removed:

    @media only screen and (min-width: 768px) and (max-width: 1060px) { #header #header_main_alternate > .container { width: 930px; }
#header #header_main_alternate > .container { width: 930px; }
    November 16, 2013 at 7:38 pm #189649
    Mark

    Sorry, I think I fixed it – I adjusted the max-width:1060 to my laptop width of 1920px, and that appears to keep things consistent.

    Please disregard. :-)

    November 18, 2013 at 2:35 am #189900
    Yigit

    Hi!

    Glad you figured it out! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Avia Content Slider Alignment to top of container’ is closed to new replies.