Support Forum

  • Page:
  • 1

How to do handle images for CSS & JS overides with Zen Grid Framework 2

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Joomla Bamboo has a nice feature where you can create .css & js overrides simply by create a folder called "usr" and putting your .css or .js files there. This is nicely documented here docs.joomlabamboo.com/zen-grid-framework-v2/customising-your-v2-zen-grid-framework-joomla-template
But I discovered today you can ALSO put your images related to those overrides there also!.
image-overides.png


What makes this so cool is you can simply put something like
/* puts nice bar background behind title */
div.ars-releases div.module h3{
	background: url('images/titlebar-bg.png') repeat-x transparent;
	border: 1px solid #DBDBDB;
	padding: 5px;
}
into your .css or .js and it knows to look there for the images you want to use to override the normal images.

This helps segregate TEMPLATE images from content images like you'd find in /images.
And because its in the url folder it will never be overwritten by update JB templates. Sadly we can't do the same thing with HTML overrides but thats a different topic.
Hope this helps others. And remember BACKUP YOUR WORK!.
  • Bear's Avatar
  • Bear
  • 3 Month Basic
  • 205 posts
  • 11 Thanks
  • Karma: 6
Last Edit: 8 years 9 months ago by Bear.
The administrator has disabled public write access.
:cheer: A nice trick! Thanks for sharing Troy.
  • Seth's Avatar
  • Seth
  • Moderator
  • 8358 posts
  • 225 Thanks
  • Karma: 202
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers