Joomla Templates Club 406,261 posts

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1072867

Hello.
Fonts are too small in the default articles. Even by changing the size of these fonts in the text, they always remain at the same size.
What should be done to make them appear bigger please?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073022

Hi,

You can share the credentials of your site and tell me the part of text you want to change the size (K2 or Joomla article), I will check for you.

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1073052

Hi Saguaros,
It is nice to propose this but I would prefer to correct by myself please to better know this template.
Can you guide me for that please?
Thank you!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073229

Hi,

Let me take the demo site for example: http://ja-wall.demo.joomlart.com/index.php/en/78-hi-tech/105-melody-civilization-inclined-vincent

You can easily know how the elements on a page are styled by using editor like Inspect Element in your web browser, just right click on element >> Inspect Element.

On the right panel, you can see how that element is styled and hover the file to see which file path declares this style.

Check this screenshot: http://prntscr.com/h824ac

So on above page, it’s defined in: root/templates/ja_wall (your default template)/css/core.css file. You simply open this file and change to the value as you wish.

Then do the same with other elements that you want to change.

Hope this helps.

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1073289

Your support is of great quality and I thank you for it.
However, I can not solve the problem.

The size of the text I want to change is the thumbnail of the article NOT OPENED.
This is the size that we see on "the wall".

In the two attached images, I hope I have followed the process correctly.
But I do not see any font settings in line 280 shown (/wall/templates/ja_wall/css/template.css) …

Thank you for your help and sorry for my ignorance.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073306

In that ‘template.css’ file, you see this declaration:

.item .content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

you can override the font size by adding like this:

.item .content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

and change to your desired value.

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1073360

Thank you Saguaros.
Thanks to your advice, I was able to find the line that is causing the problem.
ligne 553
with font-size: 130%; / bigger content font /
}

Now, if a new version of the template happens, the file will be overwritten.
So, do you know if I can place this command in custom.css and if yes, how can I give the instructions?

Thank you again, very sincerely

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073537

JA Wall is not built with any framework – just like normal Joomla template if you want to use ‘custom.css’ file, pls try this way:

• Go to file: root/templates/ja_wall/index.php
• Look for this line of code:

  JHtml::_('behavior.framework', true);

Add a new snippet of code underneath it to load ‘custom.css’ file:

JHtml::_('behavior.framework', true);

// CUSTOM CSS
if (is_file(__DIR__ . '/css/custom.css')) {
    $this->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/custom.css');
}

This way will help to keep your custom css code not be affected / lost when updating template but you still need to REMEMBER to backup this index.php file.

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1073604

A big thank you for these explanations!
Once the custom.css file is created, which line of code do I have to write to it so that the font stays at the specified size in line ligne 553 of the template?

This one only (I don’t think) ?
with font-size: 130%; / bigger content font /
}

Sincerely regards,

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073853

Just open the ‘custom.css’ file and add the rule for element you wish. For example:

.item .content {
  font-size: 130%;
}

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1073922

Thank you for this return.

Alas, it does not work. I put three screenshots in attachments to show what was written in each of the files.
If it’s too tiring to continue, tell me. I will understand very well that the support stops here.

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1073994

You can share the credentials of your site: URL, Admin + FTP account

And screenshot highlights the text you want to increase the size, I will check for you.

1 user says Thank You to Saguaros for this useful post

1. yvan01

[yvan01 Friend yvan01Join date: January 2011Posts: 48Downloads:463Uploads:7 Thanks: 8]

#1074032

It’s nice of you. We will stop there.
The modification of the template is not frequent and I will correct the line manually in case of overwriting.
Thank you for your seriousness and your constancy.

Regards.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1074147

It’s my pleasure!

[Author]

Posts