Conflicting CSS with Akeeba Ticket System

Hi,

I'm trying to get Akeeba Ticketing System working with the Simplicity template.
Most CSS issues can be resolved by using Firebug en using a CSS-override statement.
However, the buttons are not displayed correctly. The size and font are changed, and i'm not able to find a good statement for the override. See http://www.lucario.nl/support
Can you please help?

Could You show me example of correct looking button?

Example:

Capture.PNG

please note that the link color and the padding/fontsize is different.

Do You have it somewhere online, so I could check exactly what differs in CSS and prepare working override?

Sure! See link to see the component working at the site of the developer: http://www.akeebabackup.com/support.html

Try this code:

Code: Select all

#gkMainbody div.akeeba-bootstrap .ats-category-quickbuttons a {
    color: #fff;
    font-family: Helvetica, Arial, FreeSans, sans-serif;
    font-size: 14px;
}


add it to override.css and add at its end.

It should gets You closer, but getting 100% same result might be impossible as this plugin doesnt correctly set css classes for its elements.

Remember to enable "CSS override" in template settings - advanced section.

Thanks!
Some buttons are working OK now, however there are still some major differences.
I've created two menu items to explain:
- Test Simplicity - Test ticket shown in GK-Simplicity
- Test Gamenews - Test ticket shown in GK-Gamenews
Please login first with account: (admin/admin)

Both look different!
Somehow the Gamenews template is dealing better with this issue.

Well, its not gamenews or simplicity dealing with problem - by using 3rd party plugin You put another css file into systems. When css declaration naming conflict occurs, then there is a problem like Yours.
The only solution is to analyze elements with firebug or google developer tools and compare styles to find which are in conflict, and in that case - use override to overcome those problems.
You can read a little bit about css weight calculating in this article:
http://css-tricks.com/specifics-on-css-specificity/