Details

Created on Sunday, 11 September 2011 22:50

For all those who are fans of RocketTheme templates and the #1 Joomla forum component Kunena, this may fix your Kunena quote button problem. I have seen multiple post on the Kunena forums but all the feedback seems to be scattered about. So I decided to write a little "How-To" in hopes to alleviate the problem. The conflict you may be having with certain and most RT themes can be illustrated in the image below.

This problem exist because both RT themes and Kunena use the same .quote reference. RT themes use the .quote reference in their typography.css while Kunena uses the .quote in several files. I would also like to add this has nothing to do with a mooltools conflict. Well to clear it up this is really neither a bug on RT's part or Kunena's part. They just happen to use the same reference in their code which is giving us this overlay problem. So what's the solution?

The solution is simple really but takes overwriting your RocketTheme typography.css file to get the job done. I know many do not like messing with template files but it seems to be the only work around for the time being. Or until RT or Kunena decide to collaborate and change the .quote reference to something else.

I will use the RT Omnicron template as an example as this is the default theme I'm currently using here on my site. First locate your RT typography.css file via FTP, It can be located in the following directory /public_html/templates/rt_omnicron_j15/css/typography.css. Once you have located your typography.css file and copied it to your desktop you will need to open it in your favorite editor. Mine happens to be notepad++, it's free and it works! There are really two ways you can go about fixing the quote button overlay.

Option number one you could totally comment out all the .quote references in the typography.css file. The one problem you will run into is the ability to no longer use the quote typography all together in your joomla articles. So if the quote typography is important to you then you may want to try option number two. I prefer option #2! :) Below is an example on how each line with the .quote reference should be commented out.

Option #1

Option number two would be to rename the .quote reference in your typography.css to something else. In the example images I have used .rtquote in place of .quote. This will enable you to still use the quote typography in your Joomla articles and resolve the overlay button issue. This has worked for me and the only thing that is really a pain is anytime you use the quote typography you will just have to add the rt in front of quote in your code. Below is also an example of the typography being used here on this site with the new typography.css.

Option #2