Configuration of Blog Title Font Size and Location
By Zengfu Xu on Friday, 13 June 2014
Posted in Technical Issues
Replies 6
Likes 0
Views 787
Votes 0
Hi. Attached is a screenshot of EasyBlog in my development site. How to configure so that I can have some space between the photo
and the blog title "Chinese Medicine and Acupuncture Blog" (together with "Subscribe to blog" and "Subscribe via RSS" icons). You can see
that the blog title "Chinese Medicine and Acupuncture Blog" (together with "Subscribe to blog" and "Subscribe via RSS" icons) are too close
to the photo above which is my webpage header slide.

Also how can I change the font size of the blog title "Chinese Medicine and Acupuncture Blog"? How I can change the text "Recent blog posts"
(which can change the page title accordinglyl)?

Many thanks!

Zengfu
Hello Zengfu,

Can you provide us your site URL so we can check the css so that it can be changed based on your requirement. Please advise.
Nik Faris
·
Friday, 13 June 2014 11:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Our website is http://www.tcmcentre.com.au. Thanks!
Zengfu Xu
·
Saturday, 14 June 2014 14:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick. I have found the the css and changed styles.css to achieve what I want. Thanks!
Zengfu Xu
·
Saturday, 14 June 2014 16:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Zengfu Xu,

I am really sorry for the delay of this reply as it is a weekend for us here.
Thanks for getting back to us, what i suggestion is apply your CSS customize code in your template css file it should be better way in the future if you update to next version of Easyblog, it will not remove in your CSS hack.

Have a nice weekend !
Arlex Wong
·
Sunday, 15 June 2014 11:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

Thank you for your suggestion. How can I change the template css file to override the easyblog css file?

I have changed file styles.css in folder ...\components\com_easyblog\themes\default\css:
Changed the line:
#eblog-wrapper #ezblog-head .component-title{font-size:34px;padding:0;margin:0;line-height:1.2;border:0 !important}
to:
#eblog-wrapper #ezblog-head .component-title{font-size:h1;padding:0;margin-top:20px;line-height:1.2;border:0 !important}

Shall I add this entry to my template css file to override?

Thanks!

Zengfu
Zengfu Xu
·
Sunday, 15 June 2014 21:01
·
0 Likes
·
0 Votes
·
0 Comments
·
hello Zengfu Xu,

You're welcome,
Yes, you can add the CSS code in your template css file so the template css will overridden it.
If you need further assistance, can you provide us with your Joomla backend and FTP access so we can better have a look in your template file? Please advise.
Arlex Wong
·
Monday, 16 June 2014 00:50
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post