Welcome to WebmasterWorld Guest from 54.145.39.186

Forum Moderators: rogerd & travelin cat

Message Too Old, No Replies

Edit CSS for a Wordpress Plugin

wordpress plugin

     

tyatpi

3:26 pm on Apr 3, 2012 (gmt 0)



Hello there, I am using a Wordpress plugin called: "Accordion Menu"

The file comes with 1 .txt file and 2 .php files. However, I am not clear on how to update the CSS for the plugin. All HTML elements in the Accordian have a div id, but I am not sure which CSS file I need to update to get the look I want.

lorax

3:52 pm on Apr 3, 2012 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



There doesn't seem to be much support for that plugin.

The best process is to edit your theme's CSS file (add a section specific for this plugin) and add/change the styles you wish. You'll have to experiment to see what works to achieve the styling you're looking for.

Planet13

11:13 pm on Apr 3, 2012 (gmt 0)

WebmasterWorld Senior Member planet13 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



Have you tried using firebug in firefox browser yet?

You can tell which part of a css file is controlling the display of certain html code.

Hope this helps.

lorax

12:45 pm on Apr 4, 2012 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Good point Planet13. I just assume everyone knows about tools like that. Silly me. :)

Planet13

2:25 pm on Apr 4, 2012 (gmt 0)

WebmasterWorld Senior Member planet13 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



It's funny, lorax. I "knew" about it for the longest time, but I thought, "I don't want to install another extension in my browser. What a pain..."

But after I installed it, I was like, "Man, I should have done this years ago!"

tyatpi

9:42 pm on Apr 4, 2012 (gmt 0)



I have been doing as you suggest, but using "Web Developer" plugin for Firefox. It allows me to inspect individual elements and I go from there.

This can be considered closed.

Thanks for the suggestions everyone. I'll be updating the support forum for that plugin with the CSS skeleton for the next person in my shoes.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month