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.
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
6. Then you will see ‘Template Manager: Customize Template” where you can edit your template css files
Thanks,
Thanks you saved my life! 😀
Hi Phil,
No problem! 🙂
thanks for your visit,
elaine
Hi,
Thanks Elaine 😀
Hi Bagus,
No problem.
Thanks for your visit,
Elaine
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.
Hi Candelle,
Glad I’m not the only one going crazy! hehe
Thanks for your visit,
elaine
Thanks!! You are right, its the best place to hide it.
Thank you! Was driving me crazy to find it:)! Keep posting wonderful articles:)!
Hi Dulshani Gunawardhana,
I’m glad the post helped you. Drove me crazy too. haha
Thanks for your visit,
elaine
thanks,
Hi Ding,
No problem, thanks for your visit!
elaine
Thanks! I love you, Elaine 🙂 I spent a LOT of time searching for the f#$% css editor xD
Hi Matus,
No problem! Glad I was able to help you.
Thanks for your visit,
elaine
I want to enter some vertical submenu buttons at left menu in the beez_20 template. Is that possible?
Thanks, thanks, thanks…. you saved my life![2]
Hi Andrei,
No problem. Thanks for your visit,
elaine
De gran Ayuda! Thanks Elaine! (:
Saludoss
Hi ML,
No problem!
Thanks for your visit,
elaine
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 : ]
Hi Burkay,
I think so too! haha.
Thanks for your comment and visit,
elaine
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
Thanks Elaine for this post. been searching for my css for days.
Hi Nikki,
No problem! I’m glad the post helped you. 🙂
Thanks for your visit,
elaine
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
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
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.
Hi Elenore,
No problem. I’m glad I was able to help. 🙂
Thanks for your visit,
elaine
Thank you God for sending Elaine into the outer net. This article of her saved my nerves of total destruction.