Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#889929

Hi there

You can easily change it from layout files

1) open this file /templates/ja_teline_v/html/layouts/joomla/content/item/default.php and change

<?php echo JLayoutHelper::render('joomla.content.item_title', array('item' => $item, 'params' => $params, 'title-tag'=>'h1')); ?>

TO:

<?php echo JLayoutHelper::render('joomla.content.item_title', array('item' => $item, 'params' => $params, 'title-tag'=>'h2')); ?>

2) could you explain with more details what you want to change exactly ?

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#889955

Dear @pavit,
Thanks for your reply, but I don’t want to replace the H1 wirh H2, but to change theyr style:

• I want the H2 with the same font size of H3
• I want to reduce to reduce to 26px bold the H1

Thanks in advance,
Federico

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#889957

Hi there

You can find fonts settings into template.css file starting from line 644

you can copy each setting into custom.css file and change its value

for example

  .fs-medium h1,
  .fs-smaller h1,
  .fs-small h1,
  .fs-big h1,
  .fs-bigger h1,
  .fs-medium .h1,
  .fs-smaller .h1,
  .fs-small .h1,
  .fs-big .h1,
  .fs-bigger .h1 {
    font-size: 257%;
  }

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#889961

Dear @pavit,
I did it, but it’s not working…

F.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#889973

fbernardello wrote:

Dear @pavit,
I did it, but it’s not working…

F.

Dear @fbernardello
Since you are overriding a template.css with a custom.css file you should assign to the code into custom.css file a priority like !important;

so the change become

.fs-medium h1,
  .fs-smaller h1,
  .fs-small h1,
  .fs-big h1,
  .fs-bigger h1,
  .fs-medium .h1,
  .fs-smaller .h1,
  .fs-small .h1,
  .fs-big .h1,
  .fs-bigger .h1 {
    font-size: 57%!important;
  }

If you want to assign a 57% value

---

Attachments:

1. 

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#889976

Dear @pavit,
I see, it’s working! Thank you very much!

Regards,
Federico

[Author]

Posts