Wordpress Sub Menus Disappearing On Hover?

It never ends... I'm working on another Wordpress theme and I have the submenus styled exactly how I want them. However, they disappear upon hover. I have set all of my margin-tops to zero as stated on Stack previously but they still don't work properly. Here's the link to the site: tinyurl.com/ku6mlx7. Dropdowns can be seen under Artists.

My CSS is the following:

.top-nav {
background-color: #444;
min-height: 40px;
.top-nav ul {
margin-bottom: 0;
.top-nav li {
margin: 0 20px 0 0;
padding: 0;
float: left;
display: inline-block;
position: relative;

CSS & Wordpress

Hi all,

I was wondering if it is necessary to use classes in the Wordpress editor to make your css work.

Because right now I have this for the links:

#header a:link, #header a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
#header a:hover, #header a:active {
	color: #5dc0e3;
	text-decoration: none;
	font-weight: bold;
#ColumnMiddle a:link, #ColumnMiddle a:visited, {
    color: #F90;
    text-decoration: none;
#ColumnMiddle a:hover, #ColumnMiddle a:active, {
    color: #F90;
    text-decoration: none;

Sidebar background colour change

Hello everyone, I am new to CSS, that dragged me here and it's a great honour to be. I need to change the sidebar background colour from grey to white and I need help with that. You will be highly appreciated. Below is the CSS I need to edit. Many thanks.

<?php get_header(); ?>
<?php while ( have_posts() ): the_post(); ?>
<div class="main group <?php echo wpb_option('general-sidebar','sidebar-right'); ?>">
	<div class="content-part">
		<div class="pad">
			<article id="entry-<?php the_ID(); ?>" <?php post_class('entry group'); ?>>

Image Hover - Reverse Opacity

Hi Guys,

I'm trying to make the image opacity rollover be reversed so that basically the images start with the opacity at 0.5 but when you rollover them it turns to 0 so you see the image properly. Basically the complete opposite of what I have now. Is it possible? I would like the text to be showing when you're not on it but when you rollover it, the read more and + button shows.

Here is the site with the images:

Hopefully that makes sense and someone can help me out Smile

If you guys need the css code I can add it no problem.

Making content (text) area larger in a wordpress theme.

I was able to make my theme area larger by modifying this section of the stylesheet.css:

/*========= LAYOUT =========*/
	background: #ffffff;
	margin: 0 auto;
	width: 960px;

But this leaves a gap between the content area (where the text of a page or post is located) and the sidebar. I want to make the text area a little wider.

Here is the complete css code of the theme:

Theme Name: Original Premium News
Theme URI: <a href="http://www.woothemes.com/
Description:" rel="nofollow">http://www.woothemes.com/
Description:</a> Original Premium News by WooThemes
Version: 2.4.5
Author: WooThemes

Syndicate content