Joomla Templates Club 406,261 posts

[xxxvinixxx Friend xxxvinixxxJoin date: August 2013Posts: 81Downloads:0Uploads:27 Thanks: 30 Thanked: 2 times in 1 posts]

#191232

Hello!
Need help, as the name of the category runs into the text.

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508433

Hi,

The reason that the length of category title is bigger that the width of article info section on your website, so the solution is displaying the full-length of category title when hovering only by creating a custom.css file at templates/ja_fubix/css/ path, then put below css styles into:

/*Adjust the long category title*/
.category-name {
overflow: hidden;
}

.article-info:hover .category-name {
overflow: visible;
}

1 user says Thank You to phong nam for this useful post

1. xxxvinixxx

[xxxvinixxx Friend xxxvinixxxJoin date: August 2013Posts: 81Downloads:0Uploads:27 Thanks: 30 Thanked: 2 times in 1 posts]

#508447

<em>@Leo Burnetts 392874 wrote:</em><blockquote>Hi,

The reason that the length of category title is bigger that the width of article info section on your website, so the solution is displaying the full-length of category title when hovering only by creating a custom.css file at templates/ja_fubix/css/ path, then put below css styles into:

/*Adjust the long category title*/
.category-name {
overflow: hidden;
}

.article-info:hover .category-name {
overflow: visible;
}
</blockquote>
Thank you. But can you make the words transferred to the new line.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508450

Hi,

Yes, you can open templatesja_fubixhtmlcom_contentarticledefault.php, and find 138th line, replace it with:

<i class="icon-folder-close"> </i><?php echo JText::sprintf('FUBIX_COM_CONTENT_CATEGORY', '<span><p>'.$url.'</p></span>'); ?>


The red text <p> tag will make the title go to 2nd line.

[Author]

Posts