Public Forums 71,145 posts

[foxache Friend foxacheJoin date: May 2012Posts: 3Downloads:0Uploads:0]

#177048

It seems that I am having problems with so many things with this website, and thankfully after installing the Business8 theme it doesn’t seem to be too bad. However, the major bug for me is the css files not working properly – I can’t get any icons to show up and some of the menu colours are not showing either.

I have checked that the css files aren’t being ‘optimized’ and cleared every cache I can find about 3million times.

URL: http://khin.pair.com/users/world/joomla/index.php/be-a-part-of-it/volunteer

This page should have the star-list in the main text and also ja-typo-icon icon-message at the top; but as you can see, the colour of the text has updated but no icons.

Any ideas would be thoroughly appreciated! :((

[Scott Lavelle Friend Scott LavelleJoin date: November 2010Posts: 266Downloads:16Uploads:5 Thanks: 6 Thanked: 64 times in 27 posts]

#453049

Based on the Business8 template demo, there’s a bit more markup on the <li> than what you have.

In theirs, each <li> has this inside it


<span class="icon"> </span>


like this:


<ul class="ja-typo-list list-star">
<li>
<span class="icon"> </span>
Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.
</li>


I hope this helps you find what you are looking for. Also, I think that the Joomla 1.5 version of the framework did this differently – there was one image for each icon (checks, arrows, starts, etc), whereas now it appears they are doing it with sprites and background-position,

Scott Lavelle - Technical Resource Solutions, LLC
Certified Joomla Administrator

1 user says Thank You to Scott Lavelle for this useful post

1. JA Developer

[foxache Friend foxacheJoin date: May 2012Posts: 3Downloads:0Uploads:0]

#453650

Thanks, I have just tried this but the editor keeps removing the span from the html. Not sure how to get it to stick…

<em>@slavelle 319721 wrote:</em><blockquote>Based on the Business8 template demo, there’s a bit more markup on the <li> than what you have.

In theirs, each <li> has this inside it


<span class="icon"> </span>


like this:


<ul class="ja-typo-list list-star">
<li>
<span class="icon"> </span>
Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.
</li>


I hope this helps you find what you are looking for. Also, I think that the Joomla 1.5 version of the framework did this differently – there was one image for each icon (checks, arrows, starts, etc), whereas now it appears they are doing it with sprites and background-position,</blockquote>

[foxache Friend foxacheJoin date: May 2012Posts: 3Downloads:0Uploads:0]

#454714

I have tried again and by changing the editor to JCE – I can now have lovely icons next to my lists.

Thank you!

[Author]

Posts