Hi all, is this possible? I really need to style these buggers by content type. Ive been trying to fix this without creating/playing with theme templates. Just jumping into CSS but cant seem to find the right fix;

For example I want to style the 5star widget differently in blogs than when in forums.

So something like (but not even close)... contentblogs.form.fivestar-widget { } or some malarkie?

Tried variations but obviously missing some fundemental understanding with the old CSS, unless this is not possible without template tweaking.

Admin settings let you run in at top or bottom of node, this is fine as long as I can style it per content type.

Any help would be much appreciated. Getting bored of trying variations, and couldnt find anything online. Although it must be there eh?

Cheers guys and girls.

Comments

quicksketch’s picture

quicksketch
he/him
commented

It's possible to style per content type, but it is a manual process. Take a look at the HTML source of admin/settings/fivestar for some examples on how you can have multiple stars on a single page. Basically you just need to take the original CSS, make two copies of it, then change the selector in front.

So if there's a selector like this:

.fivestar {

Change it to:

.node-type-story .fivestar {

Note that this requires your story content have a wrapper div with a class of "node-type-story".

TommyGuns’s picture

TommyGuns commented

Thankyou very much! That did it for me.

It was just my weak ass CSS skills then. I just couldnt find the right way to run it:

contentblogs.form.fivestar-widget { } or some malarkie?

should of been as you stated:

contentblogs form.fivestar-widget { }

contentblogs being the wrappers div class.

Cheers again

quicksketch’s picture

quicksketch
he/him
commented
Status: Active » Fixed

Awesome, good luck with your styling. :-)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.