Wordpress plugin help!

daniel101191 · 11 Mar 2015 at 14:00

Hi there, I have a problem!

I have installed a free plugin that checks a domain's status to see if its available to buy. It works great and im really pleased with it, theres just one problem. Something in the code of the plugin is reducing the width of my side menu. www.dsm.graphics for refference, the menu should and did stretch across the width of the grey bar, but as you can see it doesnt when the plugin is enabled.

I'm guessing it was the CSS code, i've had a scan through but its all in one big block and I can't find anything that would be causing it. Is there anyone willing to give me a hand? or know somewhere that I can go. I'm willing to pay £10 to get it fixed.

Regards, Dan

MoDe · 11 Mar 2015 at 14:14

Im at work and can't access your site, but try using the inspect element functionality in your browser to target the issue.

1. Right click on the box in question
2. Inspect Element (Chrome)
3. Click on the magnifying glass (far left)
4. Hover/Click the box you need to know CSS of
5. On the right hand side of will be listed all of the styles
6. Find CSS that is causing the issue and adjust accordingly (you can change these in browser temporarily to try and troubleshoot the issue)

Hopefully this helps.

touch · 11 Mar 2015 at 14:14

In main.css you have:

Code:

menu, ol, ul{
padding: 0 0 0 40px;
}

Either remove this line, or add the following to your style.css to override it:

Code:

#menu-main{
padding:0;
}

you might also need to remove the left padding on #sidebar:

Code:

#sidebar{
padding-left:0;
}

edit: as above, have a look at how to use the developer tools in your favourite browser. It's almost impossible to see whats going on just by reading the css files

daniel101191 · 11 Mar 2015 at 14:38

Thanks for the rapid response guys, that google chrome trick is great! I found the code changed it in chrome and it was all good. I for the life of me cannot find it in the style.css, I have tried to find: "40px" gone through them all to no avail! Any tips? or can I give the login details to one of you lovely fellows?

Thanks, Dan

touch · 11 Mar 2015 at 14:42

It's in main.css, not style.css

If you use chrome tools it tells you which file each css style originates from on the right.

daniel101191 · 11 Mar 2015 at 14:53

Done it! I was trying to find it, in appearance>edit. Thanks guys, really appreciate the quick help! To think, I was going to pay a guy £15 to sort it!

Thanks again! Dan