Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 5, 2015 at 5:58 pm #455208
    DaveL77

    Is there any way to move the carousel buttons / arrows to below the images and centered?

    Right now they are in the top right corner.

    I see no options for this, but I would like the carousel toggles to be centered and below the images.
    Here is the link to the specific page:

    http://hjecomm.wpengine.com/testing-page/ (hosted on WPengine)

    I’m not sure what code needs to be changed here, if you could please advise that would be greatly appreciated

    June 6, 2015 at 6:06 am #455384
    Rikard

    Hey DaveL77!

    I’m not sure what I’m looking at on the page you linked, do we need to be logged in to see it properly?

    Best regards,
    Rikard

    June 8, 2015 at 5:37 pm #456244
    DaveL77

    You shouldn’t.

    The two carousel toggles in the top left of the carousel widget.
    I’d like to move them to the bottom, below the images and centered

    http://gyazo.com/3b7638b887616b3333e314792e56095e

    Let me know if you need more info.

    June 9, 2015 at 6:04 am #456439
    Rikard

    Hi!

    This is what I’m seeing on my end: http://imgur.com/ApQQl6I. Not much to see or do on that page.

    Cheers!
    Rikard

    June 10, 2015 at 6:25 am #456998
    DaveL77

    Yes, that is what I see too…….

    Id like to MOVE the toggles on the upper right to CENTER below the image / carousel section.

    The carousel has the buttons / arrows / circles in the TOP RIGHT, I’d like them CENTER and at the BOTTOM.

    I’m not sure if that makes sense?
    I did a rudimentary mockup / visual.
    http://gyazo.com/46ad67613b4c01556d546e05a171c73e

    Hope that helps…. any help would be greatly appreciated!

    June 11, 2015 at 4:51 am #457597
    Rikard

    Hi!

    I’m getting a maintenance mode page so I guess we need some details to see that page now?

    Regards,
    Rikard

    June 11, 2015 at 6:29 pm #457962
    DaveL77
    This reply has been marked as private.
    June 12, 2015 at 7:43 am #458215
    Ismael

    Hey!

    You can add this in the Quick CSS field:

    #top .avia-smallarrow-slider-heading {
  display: table;
  width: 100%;
  bottom: 0;
  position: absolute;
}

#top .avia-content-slider-element-container .avia-slideshow-dots {
  text-align: center;
}

    Regards,
    Ismael

    June 15, 2015 at 5:50 pm #459543
    DaveL77

    Seemed to work, but put the buttons on the images rather than below.

    Image 2 basically which is a fullsized image,.

    Any idea how to make it go below this?

    June 17, 2015 at 8:13 pm #460956
    Andy

    Hi!

    add this code:

    .avia-content-slider-element-container.avia-content-slider-element-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-1.el_after_av_hr.avia-builder-el-last {
height: 540px;
}

    Best regards,
    Andy

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