WordPress.org

Ready to get started?Download WordPress

Forums

Penumbra
changing the opacity in the css (15 posts)

  1. poppyx
    Member
    Posted 11 months ago #

    Hi The opacity on my site is very low. Someone else was working on this site at first and might have changed something in the CSS. Can you tell me how I would fix this? Thanks.

    My site is: theskateschool.com

  2. Andrew
    Forum Moderator
    Posted 11 months ago #

    Whereabouts are you making the CSS change?

  3. poppyx
    Member
    Posted 11 months ago #

    i have not made any changes yet but I would do this in the CSS in the Appearance>Editor

  4. poppyx
    Member
    Posted 11 months ago #

    The background and the menu CSS files have to be changed for their transparency levels to be 0% transparent instead of 50% transparent

  5. Andrew
    Forum Moderator
    Posted 11 months ago #

    Install this plugin
    http://wordpress.org/extend/plugins/custom-css-manager-plugin/

    Use that to hold your CSS changes.

  6. Andrew
    Forum Moderator
    Posted 11 months ago #

    Where is the opacity you're seeing?

  7. poppyx
    Member
    Posted 11 months ago #

    Can't I just make an addition or change to the css file?

    If you look at my site you can see that the drop down menus are very faded. I don't know where to make this change. The person who was doing this before told me to:

    He said "Also the background and the menu CSS files have to be changed for their transparency levels to be 0% transparent instead of 50% transparent"

    I have gone through the CSS file and I don't see any reference to transparency. Do I add code? If so where do I add it and what is the code to set the transparency?

  8. Andrew
    Forum Moderator
    Posted 11 months ago #

    You don't have to worry about changing the menu and background to be 0% transparent because no such style exists.

  9. poppyx
    Member
    Posted 11 months ago #

    But the text in the drop down menus is barely visible. Where do I change that?

  10. Andrew
    Forum Moderator
    Posted 11 months ago #

    In the Custom CSS Manager plugin.

  11. poppyx
    Member
    Posted 11 months ago #

    Ok I will get the plug-in and work with it awhile. I might be back though!
    Thanks!

  12. Andrew
    Forum Moderator
    Posted 11 months ago #

    For example:

    .main-navigation ul ul { background: black; }
  13. Marvie Pons
    TutsKid Ninja
    Theme Author

    Posted 11 months ago #

    Hi, as @Andrew Nevins stated, you don't need to worry about changing the menu background to be 0% transparent. That background for the menu is an image.

    You can override that image by changing the background color of the menu. Add this code in the Custom CSS Manager plugin or in the Custom CSS box in the theme option panel:

    .main-navigation, .main-navigation ul li:hover > ul {
    	/*Change the color to suits your needs*/
    	background: black;
    }
  14. poppyx
    Member
    Posted 11 months ago #

    I just put the code in the Custom CSS box, saved it and it did not change anything.

  15. Marvie Pons
    TutsKid Ninja
    Theme Author

    Posted 11 months ago #

    Try this

    .main-navigation, .main-navigation ul li:hover ul {
    	background: black;
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.