Public Forums 71,145 posts

[champchoel Friend champchoelJoin date: June 2008Posts: 19Downloads:10Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#187547

Hello Joomlart,

I’m so curious about the typography’s feature on T3v3, I saw you have good stuff here http://t3-framework.org/typography.html How could I make things like that…?? I download your latest t3 quickstart and install it on my localhost, but I don’t get like in your demo.

Regards,
Sam

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493136

T3 also uses Less & Bootstrap the same way as Joomla 3 and typography is included on Bootstrap framework by default, you can have a look at this reference: http://twitter.github.io/bootstrap/base-css.html

[champchoel Friend champchoelJoin date: June 2008Posts: 19Downloads:10Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#493203

Hey, thanks for your quick reply. I’ve tried to follow bootstrap’s instruction of using this shortcode. but some of those instruction are not working. the unworking shortcode is when I try to use a text-icon http://twitter.github.io/bootstrap/base-css.html#icons when I write it on my joomla’s backend editor the <i> tags is not saved, so on my frontend theres no icon on its left. Could you please suggest me how to use it…???

Cheers,
Sam

[tilovas Friend tilovasJoin date: February 2013Posts: 33Downloads:0Uploads:5 Thanks: 4 Thanked: 16 times in 9 posts]

#493215

Hey Sam,

Can you write the exact code you are using? Because I believe that you using the correct code. It’s just disappears after you klick “save”. For eg.:


<p><i style="font-size:48px;" class="icon-columns pull-left"></i></p>
</p>
<h4>Title</h4>
<p>Some text, some text text text.</p>


This code should work for you. It just disappears after you click “save”, you’ll see that the code changed to:


<p> </p>
</p>
<h4>Title</h4>
<p>Some text, some text text text.</p>


I don’t know why the code changing after you click save. But you should see the icon on your front end. But if you klick save again you’ll lose your icon or you should write complete code again. So.. this code can do what you need, it just disappears after saving. Not big deal 🙂 But maybe someone knows the other way, how to keep the code.

Cheers

1 user says Thank You to tilovas for this useful post

1. Ninja Lead

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493322

@tilovas: Thanks for helping
@sam: If you still face the issue, please let me know.

[champchoel Friend champchoelJoin date: June 2008Posts: 19Downloads:10Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#493547

Hello @tilovas : yea, it’s exactly, the code (i tag) is gone after hitting save button. @ninja Lead, the problem is still persist, now I have to go to global configuration and set my default editor to “none” if I’d like to insert any text-icon. is there any suggestion how to insert text icon while using TinyMCE editor…???

Regards,
Sam

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493614

@champchoel: You can use this way

1. Add Extended Valid Elements script: p,i

2. Add this script into editor form

<p><i style="font-size:48px;" class="icon-columns pull-left"> </i></p>
</p>
<h4>Title</h4>
<p>Some text, some text text text.</p>

Let me know the result

---

Attachments:

1. 

[champchoel Friend champchoelJoin date: June 2008Posts: 19Downloads:10Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#493929

<em>@Ninja Lead 373835 wrote:</em><blockquote>@champchoel: You can use this way

1. Add Extended Valid Elements script: p,i

2. Add this script into editor form

<p><i style="font-size:48px;" class="icon-columns pull-left">*</i></p>
</p>
<h4>Title</h4>
<p>Some text, some text text text.</p>

Let me know the result</blockquote>

Hello Ninja Lead,

Thank you very much for your help. Unfortunately your suggestion still doesn’t solve my problem. is there any other way?

Regards,
Sam

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#494021

I have tested solution sent to you:

from

<p><i style="font-size:48px;" class="icon-columns pull-left"> </i></p>
</p>
<h4>Title</h4>
<p>Some text, some text text text.</p>

change to


<p><i style="font-size: 48px;" class="icon-columns pull-left"> </i></p>
<h4>Title</h4>
<p>Some text, some text text text.</p>


I can help you check this problem on your site, please pm me URL of your site and admin access.

1 user says Thank You to Ninja Lead for this useful post

1. champchoel

[champchoel Friend champchoelJoin date: June 2008Posts: 19Downloads:10Uploads:0 Thanks: 3 Thanked: 2 times in 1 posts]

#494224

Perfect….!!! It’s solved, Thank you very much for your much help, You’re the real Ninja…, hehehe

[fun99 Friend fun99Join date: March 2012Posts: 5Downloads:0Uploads:0]

#494316

anybody can help me how can i use Tabs?

[fun99 Friend fun99Join date: March 2012Posts: 5Downloads:0Uploads:0]

#494329

<em>@fun99 374750 wrote:</em><blockquote>anybody can help me how can i use Tabs?</blockquote>

Thanks now i got how to use, but Still looking How to use left nav like this page http://twitter.github.io/bootstrap/components.html

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#494502

Hi fun99,

You should also raise this concern in the twitter-bootstrap forum, you might get better answers there.

Regards

[Author]

Posts