Vox Populi(x) forum

Alexandria Book Library => Supporto (Support) => Topic started by: pro on 06 July 2011, 06:01:15

Title: Heading and sub-heading font on book details page too large
Post by: pro on 06 July 2011, 06:01:15
Congratulations for an excellent book library Joomla component!

I just have a question regarding the font size of the heading and sub-heading on the book details display page. The font is too large and I would like to make the heading and sub-heading fonts a bit smaller. How can I fix it?

Here is the link to the relevant page on our website:
http://www.mccv.org.au/index.php?option=com_abook&view=book&catid=1%3Amaltese-in-australia&id=2%3Aunder-one-umbrella&Itemid=188

Many thanks.
Title: Re: Heading and sub-heading font on book details page too large
Post by: federica on 11 July 2011, 09:21:53
Thanks for the compliments.
You must set up <small> tag in your css with a smaller font.
Title: Re: Heading and sub-heading font on book details page too large
Post by: pro on 11 July 2011, 09:46:29
Quote from: federica on 11 July 2011, 09:21:53
Thanks for the compliments.
You must set up <small> tag in your css with a smaller font.

Thanks for your reply.

Would you please elaborate on how I set up the <small> tag in my css?
(a) Which css file do I need to modify? Is it the style.css file under /components/com_abook/css folder?
(b) What change do I need to make to the file?

Thanks again for your help.

Title: Re: Heading and sub-heading font on book details page too large
Post by: federica on 20 July 2011, 20:24:56
Hello pro,
you can modify the css of your template. It is not good to modify the css of components.
To change the title search the selector ".componentheading" and change the properties as you like.
To change the subtitle create the selector ".componentheading small" and set the properties as you like.
Title: Re: Heading and sub-heading font on book details page too large
Post by: pro on 21 July 2011, 13:52:50
Quote from: federica on 20 July 2011, 20:24:56
Hello pro,
you can modify the css of your template. It is not good to modify the css of components.
To change the title search the selector ".componentheading" and change the properties as you like.
To change the subtitle create the selector ".componentheading small" and set the properties as you like.

Thank you very much for your help, Federica. It worked perfectly. Much appreciated. Ciao!  :)