Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 21, 2014 at 4:36 pm #227555
    bpatel

    Hi,

    The controls (previous and next) works fine in Chrome but not in Mozilla Firefox. Meaning they hide in Chrome when mouse is not on the slider whereas in Firefox, the controls do not hide. Same is the case under post sliders (i am assuming both use the same code)

    What can i do to resolve this?

    Thanks in advance.

    Kind Regards,
    Bhavin Patel

    February 21, 2014 at 4:51 pm #227562
    Yigit

    Hi bpatel!

    Can you post the link to your website so we can take a look?

    Cheers!
    Yigit

    February 21, 2014 at 5:00 pm #227566
    bpatel

    Hi Yigit,

    It’s http://www.chinmayamissionahmedabad.org/

    Cheers!
    Bhavin

    February 21, 2014 at 5:09 pm #227568
    Yigit

    Hi!

    I have just checked your website on Firefox 27.0.1 on Win7 and slider arrows are not visible when mouse is not over slider http://i.imgur.com/IK3LGlW.jpg
    Which version of Firefox and OS are you using? If you have any browser plugins, please try deactivating them

    Regards,
    Yigit

    February 21, 2014 at 5:24 pm #227572
    bpatel

    Hi,

    Am using Windows 8 and the same version as yours for Firefox

    Regards,
    Bhavin

    February 21, 2014 at 5:27 pm #227574
    Yigit

    Hi!

    I have tagged Ismael to look into the issue. Let us wait for his answer

    Regards,
    Yigit

    February 22, 2014 at 10:29 am #227851
    bpatel

    Hi Yigit,

    I got it to work, had to change the CSS rules in shortcodes.css
    Changed these lines
    /* hide controlls on desktop */
    .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); }
    .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); }
    .avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80); }

    To:
    /* hide controlls on desktop */
    .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); }
    .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); }
    .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover, .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80);}

    February 22, 2014 at 11:29 am #227859
    bpatel

    Hi,

    I have two more questions though

    First:
    The quality of the image in the Easy Slider isn’t as it should be when we select 710x270px even though the image size is 710×270. The quality is fine when the image size is 1030x360px. In fact, when i select 710x270px in the Slideshow Image Size, the actual image size that is rendered is 757x288px. How to i solve this, as i have text on the image and that looks very bad. I have removed the image as of now on the website.

    Second:
    The post slider shortcode shows big buttons for the controls. How do i change it to show smaller control buttons?

    Kind Regards,
    Bhavin

    February 23, 2014 at 2:43 am #228013
    Ismael

    Hey!

    Please edit functions.php, find this code on line 98:

    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		                 // big images for blog and page entries

    Replace it with:

    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>757, 'height'=>288);		                 // big images for blog and page entries

    Regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

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