Hi there,

Using this module which is great. However I am having a heck of a time customizing the Recent Audio block list. This is because with all the drupal styles, I cannot seem to target the Recent Audio UL specifically enough where stuff doesn't get overridden (or just doesn't seem to work).

Since only one Recent Audio block would (should) appear on a page at a time, it would be great if we could get a ID hook on the UL in that block. I tried to figure out how to add one myself looking through the module files, but I am coming up empty.

So in short, in the Recent Audio block, if we could get an ID on the UL like:

    That would be awesome, and it would be easily targeted.

    Thanks

Comments

drewish’s picture

drewish commented

i think that box is generated by views. if you enable the views_ui module you can take a look and see about adding a CSS id to make themeing a bit easier.

tdellaringa’s picture

tdellaringa commented

I have the views_UI module enabled, but it doesn't seem to offer any way to edit anything. You can see a screenshot below of what I am looking at...maybe I am in the wrong place? See it here...

http://www.pixelmech.com/rev/views.gif

drewish’s picture

drewish commented

ah, yeah you have to 'add' the default view. it'll make a local copy of it and then you can edit it.

tdellaringa’s picture

tdellaringa commented

Ok, I added the default view, editing that changes various settings about the view but doesn't get you into the code. I see where it has the section for Recent Audio block, but again, you can't seem to get at it.

When you say make a copy - do you mean clone? I looked at export but that seems to be the sql for the view.

drewish’s picture

drewish commented
Status: Active » Fixed

sorry for distracting you by suggesting that you try adding a class to the view. it looks like it doesn't work that way. but i just checked and views puts a unique id on each block. #block-views-audio ul should let you target exactly what you want.

tdellaringa’s picture

tdellaringa commented

Agreed - it should be enough but for some reason it isn't. I'm being even more specific than that: I'm doing:

#block-views-audio .item-list ul {
list-style-type: none;
margin: 0; padding: 0; }

Yet the list-style-type is not applied. I'm pretty sure if I went all the way with the specificity like so:

#block-views-audio ul#recentAudioBlock { rules here }

I would finally have full control. If this is not possible let me know, I'll search for another solution. Thanks for the help so far.

drewish’s picture

drewish commented

i guess it depends on where your adding your styling, make sure it's at the end of the css file so it gets applied last... other than that it seems like it should work.

tdellaringa’s picture

tdellaringa commented

It's last, at the bottom of my CSS. The only other style sheet loaded after style.css is the print style sheet and user.css, which has no conflicting styles. I agree, it should work, but it just doesn't. Even using Firebug in Firefox, there doesn't appear to be any conflicting styles, and yet something - in both browsers - is overriding something. Anyway, thanks for the help.

tdellaringa’s picture

tdellaringa commented

I finally accomplished it by adding the list-style property to the LI element. Not optimal, but it works.

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)