Joomla 1.7 Help – How to Edit Template css files?

by Elaine on September 6, 2011

Joomla 1.7 Tutorial – Where is the “edit css” or “edit html” link in Joomla?

To put the edit css template link here is the best hiding place ever.  I searched for about 30 minutes trying to find where Joomla hid the edit template css link.  Before in previous version it was sitting on the menu bar as a link to edit the template css file.  Now it’s hidden in a remote location that would take forever to find.  But below I will show you how to find it very easily in the Template Manager.

joomla 17 elaine cmsmind edit template css Joomla 1.7 Help   How to Edit Template css files?

Joomla 1.7 Edit Template CSS

For example: I want to edit the template css file for Beez_20 template.

 How to edit your Template css file in the Template Manager by Elaine @ Cmsmind.com

1.  Login to your Joomla 1.7 Administrator backend

2.  Click on Extensions, Template Manager

3.  Click on the ‘Templates’ tab

4.  Use the filter to search for ‘Beez_20

5.  Under the ‘Template’ column, Click on ‘beez_20 Details’ link

joomla 17 elaine cmsmind template manager templates Joomla 1.7 Help   How to Edit Template css files?

Joomla 1.7 - Template Manager Templates

6.  Then you will see ‘Template Manager: Customize Template” where you can edit your template css files

Thanks,

Elaine

 Joomla 1.7 Help   How to Edit Template css files?

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 28 comments… read them below or add one }

Phil September 17, 2011 at 5:01 pm

Thanks you saved my life! 😀

Reply

Elaine September 17, 2011 at 5:45 pm

Hi Phil,
No problem! 🙂
thanks for your visit,
elaine

Reply

Bagus October 4, 2011 at 11:39 pm

Hi,

Thanks Elaine 😀

Reply

Elaine October 5, 2011 at 11:18 am

Hi Bagus,
No problem.
Thanks for your visit,
Elaine

Reply

Candelle October 13, 2011 at 2:57 am

Hi Elaine,
Thanks alot. I almost wasted 35 minutes on searching these stupid stuffs. They really played a weird hide-n-seek with me 😉 Anyway thanks.

Reply

Elaine October 13, 2011 at 4:20 am

Hi Candelle,
Glad I’m not the only one going crazy! hehe
Thanks for your visit,
elaine

Reply

Yiafee Khan October 27, 2011 at 10:40 am

Thanks!! You are right, its the best place to hide it.

Reply

Dulshani Gunawardhana October 27, 2011 at 2:32 pm

Thank you! Was driving me crazy to find it:)! Keep posting wonderful articles:)!

Reply

Elaine October 27, 2011 at 3:30 pm

Hi Dulshani Gunawardhana,
I’m glad the post helped you. Drove me crazy too. haha
Thanks for your visit,
elaine

Reply

ding November 14, 2011 at 3:53 am

thanks,

Reply

Elaine November 18, 2011 at 4:08 pm

Hi Ding,
No problem, thanks for your visit!
elaine

Reply

Darthvladi November 17, 2011 at 12:20 pm

Thanks! I love you, Elaine 🙂 I spent a LOT of time searching for the f#$% css editor xD

Reply

Elaine November 18, 2011 at 4:04 pm

Hi Matus,
No problem! Glad I was able to help you.
Thanks for your visit,
elaine

Reply

Dimitris November 17, 2011 at 12:22 pm

I want to enter some vertical submenu buttons at left menu in the beez_20 template. Is that possible?

Reply

Andrei November 23, 2011 at 12:47 pm

Thanks, thanks, thanks…. you saved my life![2]

Reply

Elaine November 24, 2011 at 11:43 am

Hi Andrei,
No problem. Thanks for your visit,
elaine

Reply

ML December 3, 2011 at 3:46 pm

De gran Ayuda! Thanks Elaine! (:
Saludoss

Reply

Elaine December 17, 2011 at 5:30 am

Hi ML,
No problem!
Thanks for your visit,
elaine

Reply

Burkay December 5, 2011 at 12:32 pm

I was thinking that editing css from back-end is dismissed in 1.7, and using ftp for every change on the css file. thanks very much…
best hiding place indeed : ]

Reply

Elaine December 7, 2011 at 2:47 am

Hi Burkay,
I think so too! haha.
Thanks for your comment and visit,
elaine

Reply

apandit December 7, 2011 at 3:27 pm

Hello Elaine

Need your help on 2 points.
1. I would like to have the main menu right at the top of the page above the header image just like this page.
2. Search next to the make font larger or smaller.
I am currently migrating to joomla 1.7 beez2 template.
your help and expertise would be very much appreciated.

mfg
apandit

Reply

Nikki March 9, 2012 at 11:36 am

Thanks Elaine for this post. been searching for my css for days.

Reply

Elaine March 9, 2012 at 1:19 pm

Hi Nikki,
No problem! I’m glad the post helped you. 🙂
Thanks for your visit,
elaine

Reply

Deepak Gokhale March 27, 2012 at 3:37 pm

Hi,

I am starting out with Joomla 2.5 but I am not to css and html. There are a few issues that I need to resolve.

1. I am using beez 2 template, and have manged to delete / remove all the positions that I do not want. I am now keen to reduce the width of position 7 and expand the width of position 12. I also need to change the font, font color and size of the text, and add a background color.

Which .css files should I be editing – there are so many of them !

2. When you click “Getting Started” under About Joomla in position 7, “Getting Started at the top of position 12. I do not want this to happen on my pages. How do I do that ?

3. When I created a new article, I wanted the text to appear about halfway down the page, so I clicked “Enter” a few times in the TinyMCE . The text appears where I want it to appear, but for every “Enter” press, there appears a horizontal line. How do I get rid of these lines ?

Regards,

Deepak

Reply

Deepak Gokhale April 1, 2012 at 3:37 am

Hi,

I am starting out with Joomla 2.5 but I am not new to css and html. There are a few issues that I need to resolve.

1. I am using beez 2 template, and have manged to delete / remove all the positions that I do not want. I am now keen to reduce the width of position 7 and expand the width of position 12. I also need to change the font, font color and size of the text, and add a background color.

Which .css files should I be editing – there are so many of them !

2. When you click “Getting Started” under About Joomla in position 7, “Getting Started” appears at the top of position 12. I do not want this to happen on my pages. How do I do that ?

3. When I created a new article, I wanted the text to appear about halfway down the page, so I clicked “Enter” a few times in the TinyMCE . The text appears where I want it to appear, but for every “Enter” press, there appears a horizontal line. How do I get rid of these lines ?

Regards,

Deepak

Reply

Elenore June 9, 2012 at 6:16 am

What a totally stupid place to put these files. Thankyou Elaine. Like others, I was unable to find these files until a google search came up with your page.

Reply

Elaine June 11, 2012 at 4:36 pm

Hi Elenore,
No problem. I’m glad I was able to help. 🙂
Thanks for your visit,
elaine

Reply

Plamen November 25, 2012 at 9:32 am

Thank you God for sending Elaine into the outer net. This article of her saved my nerves of total destruction.

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: