I created a view using Qwicktabs and put the view in a Panel. The fusion-acquia-marina-style.css is overriding Quicktabs tabstyle.css and overlays the buttons with its style. I can't put Quicktabs markup in my local.css because for some reason fusion-acquia-marina-style.css is being evaluated last.

I've attached snapshots of the problem. When I use Quicktabs in a Panel everything fine.

CommentFileSizeAuthor
DOM snapshot of source and css74.25 KBVc Developer
Quicktabs snapshot of buttons being overlaid9.63 KBVc Developer

Comments

Vc Developer’s picture

Vc Developer commented

Why is it setting my ul li style automatically? I didn't asked for it to be done.

For now I just removed this css block:

/* Lists */
/*
.content-inner-inner .content-content .inner .content ul {
  margin: 0 0 10px 20px;
}

.content-inner-inner .content-content .inner .content ol {
  margin: 0 0 10px 40px;
}

.content-inner-inner .content-content .inner .content ul ul,
.content-inner-inner .content-content .inner .content ol ol {
  margin: 5px 0 5px 10px;
}

.content-inner-inner .content-content .inner .content ul li {
  background: url(../images/green-bullet.png) no-repeat 0 2px;
  list-style: none;
  list-style-image: none;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
}
*/

..and if I need it, I will put it in my local.css

Deepika.chavan’s picture

Deepika.chavan commented

Hi,
If you wanna override the core css then you will have to take the same class or id which is there in core.
i.e .content-inner-inner .content-content .inner .content ul { . Then you can change its margin or whatever in your local css file by using specific id or class without touching core file.
Try adding following css in your local.css file. 

.content-inner-inner .content-content .inner .content ul {
  margin: 0 0 10px 0;
}

OR you can do one thing make margin: 0 0 0 0; And by using specific ID attribute you can set different margin to different elements.

Please do clear cached data. (here- admin/settings/performance)

Rgrds

Deepika Chavan.

Vc Developer’s picture

Vc Developer commented

Yea, but if you take a look my pics you will see acquia....css being laid over my local.css, this is strange, it should not do that. Even the grid16-fluid.css is doing the same thing, because with our without my local.css my last side bar is wrapping because this:

...just using the left sidebar only.

Vc Developer’s picture

Vc Developer commented

I found the problem! My site requires a lot modules. Because one of the things I notice was IE was the only browser breaking the theme. The others were just ca-lapsing. So, I created another test site to test when IE would start breaking and that is when it dawn on me of IE's 30 css limit! Then I found the css optimizing module, installed it and now so far there's no breaking or ca-lapsing.

Vc Developer’s picture

Vc Developer commented

Yea, that was the problem! I was able to make the correction in my local.css....

Thanks for your help!

goody815’s picture

goody815 commented
Status: Active » Closed (works as designed)

please re-open issue if you are still experiencing this issue

kgeographer’s picture

kgeographer commented
Category: bug » support
Priority: Critical » Major
Status: Closed (works as designed) » Needs review

Hello - I am having the identical problem described in the issue summary - AM, Quicktabs, green-bullets I can't seem to override. The business about IE has no bearing here - the problem is in Firefox and IE alike. I can disable the appearance of green-bullets within content-inner-inner, but I'd like them to appear elsewhere.

My understanding of css for quicktabs is that I should be able to override ul and/or li within the .css for a tabstyle -- I've tried zen and excel so far, and many many many things, although it seems to me background:none should do it - no?

Any help sorely appreciated!

esmerel’s picture

esmerel commented
Priority: Major » Normal
Status: Needs review » Active
sheena_d’s picture

sheena_d commented
Status: Active » Postponed (maintainer needs more info)

@kgeographer - we would need to see a link to your site and/or an exact example of the CSS you are trying to use to remove the bullets for quicktabs in order to help you troubleshoot.

Thanks,
Sheena

esmerel’s picture

esmerel commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)