home page slider opacity

Home Forums Panaroma Forum home page slider opacity

This topic contains 12 replies, has 5 voices, and was last updated by  Forum Moderator 6 months, 2 weeks ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #13822

    John Raleigh
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: May 8, 2015

    I’m looking for the CSS that will make the hover color on the home page slider less opaque. Currently the underlying image is barely visible.

    #13856

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6328
    • Total: 6330
    Member since: June 12, 2013

    Kindly show us the website.

    Will help with simple CSS instructions.

    Regards,
    Shri

    #13916

    John Raleigh
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: May 8, 2015

    I’ve tested opacity settings on many of the CSS items but can’t find one that will reduce the opacity of the color obscuring the paintings on the home page during rollover. Thanks!

    http://www.billdukeart.com

    #14047

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6328
    • Total: 6330
    Member since: June 12, 2013

    I think its already given in Basic Settings. And i see you changed the color.

    If you still can’t do the opacity go to Appearance>Theme Options>Layout Settings>Custom CSS:

    .strip_template figure section:hover .strip-fadder{opacity:0.7}

    Regards,
    Shri

    #14182

    John Raleigh
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: May 8, 2015

    Thanks Shri, but the CSS you suggest has no effect on the opacity of the hover. Perhaps it is in the script that controls the slider.
    In general, it makes little sense to obscure the image when it is enlarged. The reason for enlarging an image is so that you can see more of it.

    #14552

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6328
    • Total: 6330
    Member since: June 12, 2013

    I see the image color and opacity has been changed to what we offer so think this is resolved.

    Regards,
    Shri

    #15524

    Miroslav Dudáš
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: October 10, 2015

    Hello,

    I would like also reduce the opacity on home slider but this CSS:
    .strip_template figure section:hover .strip-fadder{opacity:0.7}
    Do not work.

    http://yoliy.com/

    And on my gallery page is text (Buy this theme) is possible this text erase?

    http://yoliy.com/lifestyle/

    Thank you for reply.
    Best Regards
    Miroslav

    #15570

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17377
    • Total: 17377
    Member since: August 16, 2013

    Hi,

    For Opacity on homepage slider use this:
    .strip_template figure section:hover .strip-fadder{opacity:0.7 !important; background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}

    For removing buy this theme button use :
    .buy-button{display:none !important;}

    Regards,
    Shri

    #15592

    John Raleigh
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: May 8, 2015

    Thanks Shri, CSS for the slider works perfectly.

    Cheers!

    #15607

    Miroslav Dudáš
    Member
    • Topics: 3
    • Replies: 4
    • Total: 7
    Member since: October 10, 2015

    Yes, both works.

    Thanks a lot.

    Best Regards
    Miroslav

    #15641

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17377
    • Total: 17377
    Member since: August 16, 2013

    Great

    Regards,
    Shri

    #93261

    eric13
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: January 28, 2018

    Hi i want to modify the opacity of the sliders too, but one code doesnt change anything, and the other one:

    .strip_template figure section:hover .strip-fadder{opacity:0.7 !important; background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}

    removes it all.

    I would like to have only 20% opacity so we can see the text well and also the background image

    Thanks for your help

    #93281

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17377
    • Total: 17377
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

    Add this code there:

    .strip_template figure section:hover .strip-fadder{ background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;}

    Regards,
    Chris

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.