Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Junior Member
    Join Date
    May 2011
    Posts
    10
    Member #
    27926
    For those of you who have been helping me on this site, thanks!

    http://greenouselandscape.com/

    I want to remove the transparency on the slider - so that just the images are solid. Right now you can see the backgound through them.

    But, when I try to add a white background (background-color:white) to any of the slider elements it whites out the whole thing?

    Thanks for looking/helping!

    Alisha

  2.  

  3. #2
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Try putting

    Code:
    img { opacity: 1; }
    to wherever it applies in your code.
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  4. #3
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Have you tried this in one of your CSS files (I would say style.css)?

    #slider {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

    If that doesn't work, try the same properties on #slider img (those are the images themselves.)

    I didn't see your previous threads, so I'm not really sure how experienced you are with editing CSS files.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  5. #4
    Junior Member
    Join Date
    May 2011
    Posts
    10
    Member #
    27926
    I tried both of those things and neither seem to work? Thanks a lot for the reply.

    Any other suggestions?

  6. #5
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Well, find the element you want to be transparent, then place a background image of a transparent pixel repeated (props to TheGame) instead of the CSS transparency attributes(which are: opacity, -moz-opacity and filter: alpha(opacity)). This way, the images won't be affected.
    It should look something like this:
    Code:
    #your_element{
    background-image: url("transparent_pixel.png");
    }
    And it's only a pixel in order to save space. Otherwise, the png image will be huge.
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  7. #6
    Junior Member
    Join Date
    May 2011
    Posts
    10
    Member #
    27926
    The thing is I don't want the element to be transparent. If you look at the slider on the home page I don't want the images to be transparent, but they are.

    I have messed with all styles of the slider, but can't seem to find the fix?

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Did you mess with the styles of the images, though?

    The other option may be that it's a setting you have to include when you initialize the slider Javascript itself. It may be the Javascript that's overriding any of your CSS.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  9. #8
    Junior Member
    Join Date
    May 2011
    Posts
    10
    Member #
    27926
    yes, I applies both

    opacity: 1;

    and

    #slider {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

    to every possible element in the slider.

    Are you trying that combo in Firebug and getting it to work?

    Thanks again!

    Alisha

  10. #9
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    If you don't want transparency anywhere, then just remove the CSS transparency attributes from everywhere. Here's where I found them using Chrome:
    http://greenouselandscape.com/wp-con...v2.5/style.css
    http://greenouselandscape.com/wp-con...v2.5/style.css
    <!--[if IE]>
    <style type="text/css">
    .addtoany_list a img{filter:alpha(opacity=70)}
    .addtoany_list a:hover img,.addtoany_list a.addtoany_share_save img{filter:alpha(opacity=100)}
    </style>
    <![endif]-->

    //set the hover animation of the images within anchors

    jQuery('a img').hover(function(){

    jQuery(this).stop().animate({opacity:0.85}, 300);

    },function(){

    jQuery(this).stop().animate({opacity:1}, 300);

    });


    this.setColumns();


    this.setDropDown();

    this.loadCufon();

    },
    There might be more, I'm not sure. But you get the idea
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  11. #10
    Junior Member
    Join Date
    May 2011
    Posts
    10
    Member #
    27926
    That's the problem. I don't want to remove them from everywhere, just the slider. I tweaked the css to show transparency for the places I want it and it ended up effecting the slider.

    The ONLY place I DON"T want transparency is in the slider.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

css disable opacity
,

css get ridd of opacity for image

,

css remove opacity

,

css remove transparency

,

css remove trsnaprency from div

,

how to remove the opacity in css

,

how to remove transparency in css

,

remove opacity css

,

remove transparancy from div

,

remove transparent css

Click on a term to search for related topics.
All times are GMT -6. The time now is 08:08 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com