Dropdown guidance / direction

[jkpalmer]

Hi,

I am not very well versed in CSS, so looking for some advice on how to learn how to accomplish the following.

I would like to have my dropdowns look differently.

I'd like to:

Change the open and closed icons from (minimally) project to project
Change the size and weight of the text in the header.
Add a responsive colored border around everything in the dropdown when closed and open.

Not looking for the solution, but how to come up with the solution on my own (I need to educate myself!).

Guidance appreciated.

Regards,

Jim P.

[devjoe]

Here's an example from my stylesheet, which does include changing the images:

Code: Select all

MadCap|dropDown
{
	mc-closed-image: url('image/plus.png');
	mc-open-image: url('image/minus.png');
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 47px;
}

MadCap|dropDownBody
{
	margin-left: 0px;
	overflow: initial;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
}