Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 9, 2014 at 3:38 pm #333285
    erussell

    Wondering if it’s possible to get the content slider control buttons centered below the scrolling content.

    Thanks guys!

    October 10, 2014 at 6:03 am #333663
    Ismael

    Hey erussell!

    Thank you for using Enfold.

    Do you mind if we take a look at the actual page? Do you want to separate the prev and next button? A screenshot of what you’re trying to do will help.

    Best regards,
    Ismael

    October 10, 2014 at 4:16 pm #333909
    erussell

    Absolutely…

    I was also going to ask if you had and recommendations to make these stylistic adjustments to the control buttons themselves as well.

    Thanks for all your help guys.

    http://www.ericrussellphotography.com/images/content-slider.jpg

    October 10, 2014 at 4:24 pm #333912
    Yigit

    Hi!

    Can you post the link to your page as well please?

    Cheers!
    Yigit

    October 10, 2014 at 5:02 pm #333947
    erussell

    The site is currently being staged at http://laurenkruseproducer.com

    Thanks.

    October 13, 2014 at 1:27 pm #334861
    Yigit

    Hey!

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

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

    Cheers!
    Yigit

    October 15, 2014 at 5:32 pm #336275
    erussell

    Thanks Yigit…

    So I went ahead and implemented the code and it looks like it worked fine, but is off centered a little bit to the right for some reason. Here is the screen shot: http://www.ericrussellphotography.com/images/content-slider-question.jpg

    Also, I was wondering if there might be a way to get the control buttons to be located at the bottom like this:
    http://www.ericrussellphotography.com/images/content-slider-question2.jpg

    And if there is a way to reduce the size of the control dots and style them with an outline instead of a solid.

    Thanks in advance…your support is great!

    • This reply was modified 10 years, 2 months ago by erussell.
    October 15, 2014 at 6:07 pm #336295
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #top .avia-content-slider-element-container .avia-slideshow-dots { width: 100%; }
#top .avia-content-slider-element-container .avia-slideshow-dots { position: relative; top: 380px; }

    Best regards,
    Yigit

    October 15, 2014 at 7:21 pm #336326
    erussell

    That worked great! Thanks.

    Any easy to way to change the styling of the dots?

    Thanks Yigit!

    October 15, 2014 at 7:46 pm #336340
    Yigit

    Hi!

    Please use following code

    #top .avia-smallarrow-slider .avia-slideshow-dots a {
background-color: #f8f8f8;
border: 1px solid #e2e2e2;
}

    Cheers!
    Yigit

    October 16, 2014 at 5:58 pm #336955
    erussell

    So I just realized that I’m not able to select the buttons on this…I’m wondering if it’s because the buttons are now positioned below the container?

    Also, I’ve been trying, but have been unable to make the dots have a 2px border, transparent background and have the rollover/selected state the background grey. Once I get this set, if possible, I’d LOVE to make these the default dots for all the sliders (easy slider, fullwidth, etc.)

    Thanks Yigit!

    October 17, 2014 at 6:16 am #337167
    Ismael

    Hey!

    Thank you for the update.

    Use this to add borders on the slider pagination:

    .avia-slideshow-dots a {
border: 1px solid red !important;
}

    Please visit Envato Studio or Werkpress for further customization.

    Cheers!
    Ismael

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