Quicktabs and skinr don't work well together

I'm confused. What does this have to do with Skinr?

Seems like straight up CSS issues that need to be addressed in the theme, so I'm changing the project. If you think that's wrong, feel free to change it back and explain why, but understand that Skinr is only providing a means to setup styles and provide classes. Themes are responsible for their own CSS.

Also, the "skinr wheels" you mention are coming from Fusion (I think?). Skinr isn't doing those.

No problem. It's easy to get confused :)

Hi ddave, I tried replicating the issue you are having with your Skinr settings and the Acquia Marina theme but was unsuccessful. I created a Quicktabs block and set the Skinr style of "Blue background with white text" and the rounded corners, and it appears just fine for me. Attached is a screenshot. It's a Quicktabs block of two blocks, not Views blocks.

Thanks dddave, that sounds correct and normal. If you apply a Skinr style to a block and use it somewhere and then want to use that same block in a Quicktabs configuration it will still have that Skinr style applied to it and use it. So sounds like you need to have two different version of the same block if you want one styled and on its own and then one in Quicktabs unstyled.

i have the same issue, it works well in forefox, but conflict in IE7.

Ok I'm trying to sort out exactly what remains here in this issue but it is also hurting my brain to follow :)

It's true that some style combinations inside blocks inside a quicktabs block are not going to work too well together. In fact, I'd venture that in *most* cases, applying a Skinr style to the outer QT block is not going to work well because the blocks inside all have the .inner div which will pick up the styling.

So, some custom tweaking will be needed for QT blocks, at least until IE6 isn't in the picture at all and we can use child selectors more.

Same deal with full nodes, because these also have the .inner on them, and if you end up with a page view inside something with a skinr class applied to it (eg. a panel pane).

That being said, there *shouldn't* be browser-specific issues for these (they're universal issues), nor should there be issues with any system blocks or views blocks.

I don't want to leave you hanging here so some specific examples of things that are still issues or not clear would be really helpful.

Did anyone ever find a fix to this please? Can CSS changes be made to fix a couple of specific blocks?

I don't think there is a universal "fix" here. A link to a specific problem would help. I think most of the issues related to skins + Quicktabs are going to be a matter of case-specific CSS tweaks.

Thanks for the reply. Here is my test page showing the problem:

http://tinyurl.com/3pzyqf4

You can see the problem in the block above the main view content. I have added the two individual blocks at the very bottom so you can see the difference.

Thank you.

hi mrtbc,

do you have a mockup of what you want it to look like? are you wanting that inner rounded corner styling removed?

Hey, thanks for replying. Yes, that is exactly what I want to do. Basically I'd like to remove the inner rounded corners and also reduce the inner margins a little.

mrtbc,

Stephthegeek probably put it the best as there isn't a one specific fix. I would suggest using firebug and tweeking the css that is specific to that quicktab inner area, then saving it to your local.css file

Thanks, I did manage to do this.

mrtbc,

thanks for the update. glad you were able to solve it with some creative css and firebug. I'm going to go ahead and close this issue then.