Font Awesome and template customizing problems

jdran

Hi,
I want to use Font Awesome with Ja Simpli adding a fa-bullhorn on the left to "More Articles" for #Links in blog layout.

In my test development environment I have set, I have passed the fontawesome.css link in ja-simpli's custom code in Advanced tab to load the fonts.

I see that More Articles is a css rule set by .items-more:before in template.css (line 7594).
The problem is that I can't choose my own font for the "More Article" text after bullhorn (for example PT Sans) and enlarge the font separately from the bullhorn.
Is there a way I can achieve this?
("More Articles" text is translated in my language, by altering the content in css)

ps. Also, what is the reason for using the .items-more:before {content: More Articles" ....} instead of changing the "More Articles..." text through language overrides? I think this way it causes problems with multi language websites. Not mine thankfully, but for others maybe.

saguaros

jdran

Hi,

You can customize it by overriding the blog view of com_content. Copy this file:

root/components/com_content/views/category/tmpl/blog.php

to this directory of JA Simpli template:

root/templates/ja_simpli/html/com_content/category/blog.php (you will need to create the associated path if it doesn't exist)

Then open this file, look for this code:

<?php if (!empty($this->link_items)) : ?>
<div class="items-more">
	<?php echo $this->loadTemplate('links'); ?>
</div>
<?php endif; ?>

you can add this line of code to show text:

<span class="link-items-more"><?php echo JText::_('COM_CONTENT_MORE_ITEMS_LINK'); ?></span>

It will look like this:

<?php if (!empty($this->link_items)) : ?>
<div class="items-more">
	<span class="link-items-more"><?php echo JText::_('COM_CONTENT_MORE_ITEMS_LINK'); ?></span>
	<?php echo $this->loadTemplate('links'); ?>
</div>
<?php endif; ?>

Then you can add translation for this text and add style for it.

Regards

paulus1031

Are you able to add a link for the site?

Thanks
Paul