Sign in to follow this  
Followers 0
shifts

Would like help troubleshooting some WordPress CSS

7 posts in this topic

Hey all,

Thought I'd ask the people of the good ship Neowin to see if they can help. I've purchased a Wordpress theme and was using it fine until I decided to use drop down menus.

They are there but the background on the menu when it drops down isn't. I've tried a few tools to see what css selector it might be.

Can anyone out there lend a hand. It's the main drop down menu at essentialmac.co.uk.

Thanks in advance

Share this post


Link to post
Share on other sites

ul.sub-menu{
background: *** whatever bg color/img you want ***;
}
[/CODE]

Share this post


Link to post
Share on other sites

Thanks for the code, ill get it added shortly.

Right now I'm wondering why the smallest file on my server, selection.php which only contains this ..

a {

?color:#31ABC5;

}

a:hover {

?color:#111111;

}

Is causing a 15 second wait time.

Edited by shifts

Share this post


Link to post
Share on other sites

Thanks for the code, ill get it added shortly.

Right now I'm wondering why the smallest file on my server, selection.php which only contains this ..

a {

color:#31ABC5;

}

a:hover {

color:#111111;

}

Is causing a 15 second wait time.

This isn't PHP, perhaps that's causing issues. Are you sure this shouldn't end with .css? I get a 1.036s waiting time on the file though, not 15s.

This is a strange file as well... wp-content/plugins/gd-star-rating/css/gdsr.css.php, which only contains css. Dunno, I'm only using Dragonfly and viewing the front page files list.

Share this post


Link to post
Share on other sites

It was an interesting one. I added a cname with my domain name register to add just essentialmac without the WWW and suddenly things started loading like I thought they would do.

Yup, I know it's not PHP so I contacted the developer of the wordpress theme but had no reply so I've no idea what css is inside a php file.

Im staring to think that W3 Total Cache may be a touch advanced for my actual needs and might shift to something simpler.

I'm struggling to find out where to add that css if anyone can shine a light.

Share this post


Link to post
Share on other sites

I personally use Firefox with Firebug installed, using both of those together, it really makes things smoother when trying to find the correct CSS file. Caching while developing though is a big PITA. Disable the cache in Cloudflare too (I looked at your DNS records), until you are ready to deploy. It will save you time in the long run.

Might want to look for the css in this file though:

http://www.essential...g/css/style.css

:)

Share this post


Link to post
Share on other sites

It isn't in a separate CSS file but in a PHP file that adds a style to the li marked in red.


<div id="menu">
<ul id="menu-deals-and-discounts-codes" class="menu sf-js-enabled sf-shadow">
<li id="menu-item-3454" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3454">
<a href="http://www.essentialmac.co.uk/category/deals-offers/">Deals & Offers</a>
</li>
<li id="menu-item-3524" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3524">
<a href="http://www.essentialmac.co.uk/tag/reviewed/" class="sf-with-ul">
Reviewed
<span class="sf-sub-indicator"> ?</span>
</a>
<ul class="sub-menu" style="float: none; width: 12em; display: none; visibility: hidden">
<li id="menu-item-3525" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3525" style="float: left; width: 100%; white-space: normal">
<a href="http://www.essentialmac.co.uk/tag/iphone-accessories/" style="float: none; width: auto; padding-left: 15px;">iPhone Bits</a>
</li>
<li id="menu-item-3523" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3523" style="float: left; width: 100%; white-space: normal">
<a href="http://www.essentialmac.co.uk/tag/ipad-accessories/" style="float: none; width: auto; padding-left: 15px">iPad Accessories</a>
</li>
</ul>
</li>
</ul>
</div>
[/CODE]

[color=#ff0000]style="float: none; width: auto; padding-left: 15px"[/color]

You can add a background css property to the style in the PHP file, like

[color=#FF0000]style="float: none; width: auto; padding-left: 15px; background:#ce0;"[/color]

Try "Search in files" for [color=#FF0000]float: none; width: auto; padding-left[/color] using Notepad++

Tip of the week! :)

Opera and it's built in Dragonfly web development tool, the greatest there is! :D

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.