Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 27, 2015 at 6:58 pm #525748
    gabreu

    Hi!
    Is there a CSS to make the previous and next arrows of Post Slider like the ones used in partner/logo Element?

    Please see att. image. http://giselabreu.com/arrows.jpg
    Thanks

    Gabreu

    October 29, 2015 at 2:53 pm #526790
    Yigit

    Hey gabreu!

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

    #top .avia-slideshow-arrows a {
    background-color: rgba(200,200,200,1);
    width: 30px;
    height: 30px;
    font-size: 15px;
}
.avia-slideshow-arrows a:before {
line-height: 30px; 
}

    Regards,
    Yigit

    October 29, 2015 at 4:56 pm #526972
    gabreu

    Hi Yigit!
    Maybe i didn’t explain very well, sorry.
    What i need is to have the same arrows like the ones in PARTNER/LOGO, but for the POST SLIDER. Just for the POST SLIDER.

    Please see image: http://giselabreu.com/arrows2.jpg

    Best Regards

    • This reply was modified 9 years, 1 month ago by gabreu.
    October 29, 2015 at 5:00 pm #526979
    Yigit

    Hi!

    Can you please post the link to your page?

    Cheers!
    Yigit

    October 29, 2015 at 5:45 pm #527032
    gabreu

    Hey, ok.

    October 30, 2015 at 12:16 pm #527311
    gabreu

    Hello! Did you received my post?
    Can you help me with this?

    October 30, 2015 at 1:29 pm #527337
    Yigit

    Hey!

    Currently there are bunch of errors in console and your website shows up broken on my end. Please see screenshot in private content field. Please try de-activating all active plugins and check if that helps. If not, please try re-updating the theme and overwrite all files – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Cheers!
    Yigit

    October 30, 2015 at 2:11 pm #527372
    gabreu

    Hi! I don’t understand why is this happening.
    We are building this website on our hosting, and we have some people that say that our website is also with problems.

    We have two things to resolve to end this project:
    1 – The question regarding this topic
    2 – The question regarding the topic #527285

    We are going to move the site to our client’s hosting, and i’ll send you a new reply, and hope that you can help us with this.

    Best Regards

    October 31, 2015 at 1:33 am #527789
    gabreu

    Hey Yigit,
    We have already install the theme in client’s hosting and you will be able to see it in the link that i provide.
    We really appreciate that you could give us a help with the two issues that i’ve mentioned above, these are things that our client requires:

    1 – The question regarding the present topic.
    2 – The question regarding the topic #527285

    If necessary we will give an admin and password to WP.

    Best regards,

    Gabreu

    October 31, 2015 at 8:01 pm #527957
    gabreu

    Hello!
    Can anybody help me with this please?
    I’m running out of time.
    Do you need an admin and password to WP?
    Is it necessary to make a new topic?
    An answer please.

    Thank you

    November 2, 2015 at 12:18 am #528194
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-content-slider {position: relative; overflow: visible;}
#top .avia-content-slider .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;}
#top .avia-content-slider .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;}
#top .avia-content-slider .avia-slideshow-arrows a:hover{opacity: 0.5;}
#top .avia-content-slider .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;}
#top .avia-content-slider .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;}
#top .avia-content-slider .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;}
#top .avia-content-slider .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;}
#top .avia-content-slider .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; }

#top .avia-content-slider .avia-slideshow-arrows {
    top: -29px;
    position: absolute;
    right: 0;
    left: auto;
}

    Cheers! 
    Josue

    November 2, 2015 at 12:34 am #528201
    gabreu

    Hey Josue,
    Must say that i love this theme, and you are the best.
    Keep on the good working.

    Thank you very much.

    Gabreu

    November 2, 2015 at 12:50 am #528203
    Josue

    You are welcome, glad to help :)

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Post Slider Arrows’ is closed to new replies.