Joomla Templates Club 406,261 posts

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#157813

I hope you can point me in the right direction to fix this. I have the component SimAnswers. You can see it on my development site at this address:

http://dev.barkleyandpaws.com/barkleyandpaws-answers/question/-/44-can-a-person-get-worms-from-a-dog/

The issue is that it uses a dropdown class that also uses ul and il classes I think. Anyway it is picking up the templete.css classes instead of using the built in classes. I have never had this problem with this component until now. I have attached a screenshot showing the issue..

Do you have any ideas what I might try?

---

Attachments:

1. 

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368343

You will need to mainly be bit careful while removing in above css references as they can even apply to other parts of template

If the css attributes appear to be same in some way, they can tend to apply to various parts.

Now, you can add your properties to here which is attribute coming from extension css file::

ul.meta li {simanswers.css (line 133)
display:inline;
}

Better yet, You can also make use of override technique through which you can supersude above template applied properties, Change this::

display:inline; to display:inline !Important;

Also, Changing this::

ul.meta li {simanswers.css (line 133)
display:inline;
}

to

#question-body ul.meta li {simanswers.css (line 133)
display:inline;
}

can make your attribute to be stronger hence, superseding above attributes

1 user says Thank You to aman204 for this useful post

1. mmckeen

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#368479

Thanks for the help … unfortunately I can’t seem to figure out why it isn’t working … I may just have to look for a different component although I really like this one. Thanks again for your quick replies and offers to help!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368501

<blockquote>unfortunately I can’t seem to figure out why it isn’t working … </blockquote>

Probably, If you could let me know as to what you wish to mainly have, I could help you out further on this 🙂

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#368503

Thank you very much for offering to help! Basically because the component is using the template.css styling some of the styling is wrong and I believe the dropdown menu is being hidden. If you look at the production site (sorry it isn’t using the joomlart template yet!!) you can see how it is designed to work …

http://www.barkleyandpaws.com/barkleyandpaws-answers/question/-/44-can-a-person-get-worms-from-a-dog/

I think if I could keep the component from using any of the template.css styling it would work correctly.

If you have any other idea or need access to the admin side let me know and I can send you a PM with that info.

Thank you again for your gracious offer to help!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368506

Ok, You can please pm me superadmin+ftp details to take closer look 🙂

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368600

Please re-check as ftp detail isnt working. For now, I have found out some conflicts which could be made fine as I get ftp access 🙂

But still, The specific component have several css attribute which are quite similar to template’s

Cheers

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#368631

You can please view now as I have added various attributes at end of simanswers.css file to make things look better 🙂

Here is the reference below added::

/* conflicts resolve */
#question-body ul.meta li{background:none;padding:0;}
#question-tools-div ul#question-tools{padding:0;margin:0;}
#question-tools-div ul{margin-top:2px;}
#bookmark {overflow:visible;}
.utdropdown li.submenu-down{margin-bottom:0;line-height:1.8;overflow:visible;background:none;}

1 user says Thank You to aman204 for this useful post

1. mmckeen

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#368677

Here is a usefull tool that will often (though not always) fix css conflicts for you. Simply run your components css file through the little tool and replace the one on your webspace with the one it genreates.

http://www.mehdiplugins.com/misc/cssintegrator.htm

1 user says Thank You to Phill for this useful post

1. mmckeen

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#368684

Thanks very much … the dropdowns work now … that’s great! I’ll work on trying to get rid of the remaining conflicts with the bullets and the tabs. Thank you again for all your help!

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#368685

<em>@phill luckhurst 210947 wrote:</em><blockquote>Here is a usefull tool that will often (though not always) fix css conflicts for you. Simply run your components css file through the little tool and replace the one on your webspace with the one it genreates.

http://www.mehdiplugins.com/misc/cssintegrator.htm</blockquote>

Thanks very much for the tip! I still need to clean up some of the conflicts and hopefully this will point me in the right direction.

[mmckeen Friend mmckeenJoin date: April 2006Posts: 112Downloads:27Uploads:12 Thanks: 15 Thanked: 5 times in 1 posts]

#370057

Thanks again for your help with this… I have tried to move this to my production site and everything works great except the dropdown for the “save” item when you are answering a question. You had that working on the development site but for some reason it isn’t working after I moved everything…

Thanks again!

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#370060

In accordance with css suggestion given earlier to add. Overflow property is missing so please add it and it will be fine 🙂

.dropdown1 li.submenu-down {question.css (line 140)
border-left: 1px dotted #3E7287;
overflow: visible; >>> add
padding-left: 10px;
padding-right: 10px;
}

1 user says Thank You to aman204 for this useful post

1. mmckeen

[Author]

Posts