Static Text Before Tab

Tabs module is the easiest and convenient way to create tabs in Joomla website with powerful features like JSON or XML support.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Sun Apr 28, 2013 4:45 am
Hi All,

I am using Game Magazine as my template (QS Installed), and before the three tabs (Featured Games, Newest Games, Popular Games). I need to have some text on the same line, "Getting Started..." and then format it through CSS.

I have tried adding it into the php code in the mod_tabs_gk5 directory, however it adds it onto the previous line and I'm not able to format it.

Any help would be greatly appreciated.

Thanks,
Adam
User avatar
Junior Boarder

GK User
Sun Apr 28, 2013 11:18 am
Hi,
I suppose you want to add text here:
modification.png


There is few methods to do this:
(1) Source code modification (in module)
(2) CSS has a property called content. You can add text content to the page with CSS content.
Code: Select all
content: "Getting Started...";


Read more here:
http://css-tricks.com/css-content/
User avatar
Platinum Boarder

GK User
Fri May 03, 2013 10:51 pm
Thanks Pawel,

I've never heard of the :content before.

Your answer led me to a fix. The code that I used is:

Code: Select all
#gkHeader .content:before {
   float: left;
   content: "Getting Started...";
   color: #f1ca9b;
   font-size:22px;
   font-weight:bold;
   padding-right:10px;
   


without the #gkHeader it was putting "Getting Started..." all over the site...wasn't pretty.

Thanks again, I wouldn't have been able to fix this without your help.
User avatar
Junior Boarder


cron