WordPress.org

Support

Support » Themes and Templates » changing the opacity in the css

changing the opacity in the css

  • 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

Viewing 14 replies - 1 through 14 (of 14 total)
  • Moderator Andrew Nevins

    @anevins

    Whereabouts are you making the CSS change?

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

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

    Moderator Andrew Nevins

    @anevins

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

    Use that to hold your CSS changes.

    Moderator Andrew Nevins

    @anevins

    Where is the opacity you’re seeing?

    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?

    Moderator Andrew Nevins

    @anevins

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

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

    Moderator Andrew Nevins

    @anevins

    In the Custom CSS Manager plugin.

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

    Moderator Andrew Nevins

    @anevins

    For example:

    .main-navigation ul ul { background: black; }

    Theme Author Marvie Pons

    @marviepons

    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;
    }

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

    Theme Author Marvie Pons

    @marviepons

    Try this

    .main-navigation, .main-navigation ul li:hover ul {
    	background: black;
    }
Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘changing the opacity in the css’ is closed to new replies.