fbpx

Control Content Visibility on Your Joomla Website with Display Conditions Know More

Welcome, Guest
Username: Password: Remember me

TOPIC: Banner font size and weight

Banner font size and weight 4 months 4 weeks ago #23114

  • Mike
  • Mike's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Good afternoon
Is it possible to change size and weight of the text at the banner. I tried changing these via the banner options at the menu but that didn't work. Do you have any solution?
Thanks in advance
Mike
Attachments:
The administrator has disabled public write access.

Banner font size and weight 4 months 4 weeks ago #23122

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4174
  • Thank you received: 611
  • Karma: 110
Hi Mike,

You can't change the size of the banner heading/subheading. The options in menu allow you to change the HTML tag. So selecting H1 should get you a higher size compared to a H6 or a P.

You can also write custom CSS to customize the size of the heading.
.astroid-banner .astroid-banner-inner .astroid-banner-title {
    font-size: 60px;
}

Inserting the above CSS should change the banner heading font size to 60px;

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Banner font size and weight 4 months 4 weeks ago #23123

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4174
  • Thank you received: 611
  • Karma: 110
Here is where to Add the Custom CSS.

docs.joomdev.com/article/astroid-custom-css/
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Banner font size and weight 4 months 4 weeks ago #23175

  • Mike
  • Mike's Avatar
  • Offline
  • New Member
  • Posts: 7
  • Karma: 0
Thank you for your support but your solution didn't solve my problem. I undrstand that I can change font and size of the html tag in Astroid but can't change these in case of the banner of a normal article. Anyway, I have to accept this and find a workaround in the design of my page.

So please close this topic.

And once again, thank you for your support. I love your work.

Regards from germany, Mike
The administrator has disabled public write access.

Banner font size and weight 4 months 3 weeks ago #23217

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
Hello,

add the following css in custom.css

.astroid-section .astroid-banner .astroid-banner-inner .astroid-banner-title {
font-size: 45px;
font-weight: 300;
}

Path: JoomlaRoot\templates\jd_boston_astroid\css
Note: If you will not get a custom.css file here, so you have to create a custom.css file yourself.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The administrator has disabled public write access.

Banner font size and weight 4 months 3 weeks ago #23222

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4174
  • Thank you received: 611
  • Karma: 110
Mike wrote:
Thank you for your support but your solution didn't solve my problem. I undrstand that I can change font and size of the html tag in Astroid but can't change these in case of the banner of a normal article. Anyway, I have to accept this and find a workaround in the design of my page.

So please close this topic.

And once again, thank you for your support. I love your work.

Regards from germany, Mike

Hi Mike, more detailed documentation on banner and custom CSS for banner can be found here: docs.joomdev.com/article/menu-item-level-banner-options/

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.356 seconds