Recent
Categories
View Replies (3)

Utility Classes in older templates

0
Votes
Undo
  1. webwahoo
    webwahoo
  3. Commercial Templates
  4. Monday, 22 February 2016
  5.  Subscribe via email
Hey I wondering if there are updated versions of some older templates that will use the utility classes and some of the new features. I love the enlighten template and would love to use it but It would make life much easier if it was updated to use your newest features and extensions.

Is that available and if so where do we get it and how do we update it.

thanks so much..I love the work you guys are doing
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to say at present our Enlighten template does not include any utility classes however you can add the following to the end of your templates nexus.css (../template/j51_enlighten/css/nexus.css) to give your template the same utility classes of our more recent template releases....


/*-----------------------------------------------------------------------------------*/

/* Utility Classes */

/*-----------------------------------------------------------------------------------*/

.text-light {

  color: rgba(255, 255, 255, 0.95) !important;

}

.text-light a,

.text-light a .j51_icon {

  color: rgba(255, 255, 255, 0.8) !important;

}

.text-light a:hover,

.text-light a .j51_icon:hover,

.text-light a:hover .j51_icon,

.text-light a .j51_icon:hover .j51_icon {

  color: #ffffff !important;

}

.text-light h1,

.text-light h2,

.text-light h3,

.text-light h4,

.text-light h5,

.text-light h6 {

  color: rgba(255, 255, 255, 0.9) !important;

}

.text-light h3 {

  color: rgba(255, 255, 255, 0.6) !important;

}

.text-light input,

.text-light button,

.text-light select,

.text-light textarea {

  color: #fff;

}

.text-light ul.menu a,

.text-light ul > li > a,

.text-light ul > li > span {

  color: rgba(255, 255, 255, 0.8);

}

.text-light [class^="fa-"]:before,

.text-light [class*=" fa-"]:before {

  color: rgba(255, 255, 255, 0.6);

}

.text-light li:hover [class^="fa-"]:before,

.text-light li:hover [class*=" fa-"]:before {

  color: rgba(255, 255, 255, 0.8);

}

.text-light .owl-theme .owl-controls .owl-page span {

  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4) !important;

}

.text-light blockquote small {

  color: rgba(255, 255, 255, 0.5);

}

.text-light hr {

  background: rgba(255, 255, 255, 0.3);

}

.text-light hr:after {

  background: rgba(255, 255, 255, 0.3);

}

.text-dark {

  color: rgba(0, 0, 0, 0.9) !important;

}

.text-dark h1,

.text-dark h2,

.text-dark h3,

.text-dark h4,

.text-dark h5,

.text-dark h6 {

  color: rgba(0, 0, 0, 0.9) !important;

}

.text-dark input,

.text-dark button,

.text-dark select,

.text-dark textarea {

  color: #fff;

}

.text-dark ul.menu a,

.text-dark ul > li > a,

.text-dark ul > li > span {

  color: rgba(0, 0, 0, 0.8);

}

.text-dark [class^="fa-"]:before,

.text-dark [class*=" fa-"]:before {

  color: rgba(0, 0, 0, 0.3);

}

.text-dark li:hover [class^="fa-"]:before,

.text-dark li:hover [class*=" fa-"]:before {

  color: rgba(0, 0, 0, 0.6);

}

.text-dark .owl-theme .owl-controls .owl-page span {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;

}

.padding-0 {

  padding: 0px;

}

.padding-10 {

  padding: 10px;

}

.padding-20 {

  padding: 20px;

}

.padding-30 {

  padding: 30px;

}

.padding-40 {

  padding: 40px;

}

.padding-50 {

  padding: 50px;

}

.padding-60 {

  padding: 60px;

}

.margin-0 {

  margin: 0px;

}

.margin-10 {

  margin: 10px;

}

.margin-20 {

  margin: 20px;

}

.margin-30 {

  margin: 30px;

}

.margin-40 {

  margin: 40px;

}

.margin-50 {

  margin: 50px;

}

.margin-60 {

  margin: 60px;

}

.padding-horiz-0 {

  padding-left: 0px;

  padding-right: 0px;

}

.padding-horiz-10 {

  padding-left: 10px;

  padding-right: 10px;

}

.padding-horiz-20 {

  padding-left: 20px;

  padding-right: 20px;

}

.padding-horiz-30 {

  padding-left: 30px;

  padding-right: 30px;

}

.padding-horiz-40 {

  padding-left: 40px;

  padding-right: 40px;

}

.padding-horiz-50 {

  padding-left: 50px;

  padding-right: 50px;

}

.padding-horiz-60 {

  padding-left: 60px;

  padding-right: 60px;

}

.padding-vert-0 {

  padding-top: 0px;

  padding-bottom: 0px;

}

.padding-vert-10 {

  padding-top: 10px;

  padding-bottom: 10px;

}

.padding-vert-20 {

  padding-top: 20px;

  padding-bottom: 20px;

}

.padding-vert-30 {

  padding-top: 30px;

  padding-bottom: 30px;

}

.padding-vert-40 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.padding-vert-50 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.padding-vert-60 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.margin-horiz-0 {

  margin-left: 0px;

  margin-right: 0px;

}

.margin-horiz-10 {

  margin-left: 10px;

  margin-right: 10px;

}

.margin-horiz-20 {

  margin-left: 20px;

  margin-right: 20px;

}

.margin-horiz-30 {

  margin-left: 30px;

  margin-right: 30px;

}

.margin-horiz-40 {

  margin-left: 40px;

  margin-right: 40px;

}

.margin-horiz-50 {

  margin-left: 50px;

  margin-right: 50px;

}

.margin-horiz-60 {

  margin-left: 60px;

  margin-right: 60px;

}

.margin-vert-0 {

  margin-top: 0px;

  margin-bottom: 0px;

}

.margin-vert-10 {

  margin-top: 10px;

  margin-bottom: 10px;

}

.margin-vert-20 {

  margin-top: 20px;

  margin-bottom: 20px;

}

.margin-vert-30 {

  margin-top: 30px;

  margin-bottom: 30px;

}

.margin-vert-40 {

  margin-top: 40px;

  margin-bottom: 40px;

}

.margin-vert-50 {

  margin-top: 50px;

  margin-bottom: 50px;

}

.margin-vert-60 {

  margin-top: 60px;

  margin-bottom: 60px;

}

.no-padding {

  padding: 0 !important;

}

.no-margin {

  margin: 0 !important;

}

.margin-top-0 {

  margin-top: 0;

}

.margin-top-5 {

  margin-top: 5px;

}

.margin-top-10 {

  margin-top: 10px;

}

.margin-top-15 {

  margin-top: 15px;

}

.margin-top-20 {

  margin-top: 20px;

}

.margin-top-30 {

  margin-top: 30px;

}

.margin-top-40 {

  margin-top: 40px;

}

.margin-top-50 {

  margin-top: 50px;

}

.margin-top-60 {

  margin-top: 60px;

}

.margin-bottom-0 {

  margin-bottom: 0;

}

.margin-bottom-5 {

  margin-bottom: 5px;

}

.margin-bottom-10 {

  margin-bottom: 10px;

}

.margin-bottom-15 {

  margin-bottom: 15px;

}

.margin-bottom-20 {

  margin-bottom: 20px;

}

.margin-bottom-30 {

  margin-bottom: 30px;

}

.margin-bottom-40 {

  margin-bottom: 40px;

}

.margin-bottom-50 {

  margin-bottom: 50px;

}

.margin-bottom-60 {

  margin-bottom: 60px;

}

.padding-top-0,

.padding-top-0 .module_surround {

  padding-top: 0;

}

.padding-top-5 {

  padding-top: 5px;

}

.padding-top-10 {

  padding-top: 10px;

}

.padding-top-15 {

  padding-top: 15px;

}

.padding-top-20 {

  padding-top: 20px;

}

.padding-top-30 {

  padding-top: 30px;

}

.padding-top-40 {

  padding-top: 40px;

}

.padding-top-50 {

  padding-top: 50px;

}

.padding-top-60 {

  padding-top: 60px;

}

.padding-bottom-0,

.padding-bottom-0 .module_surround {

  padding-bottom: 0;

}

.padding-bottom-5 {

  padding-bottom: 5px;

}

.padding-bottom-10 {

  padding-bottom: 10px;

}

.padding-bottom-15 {

  padding-bottom: 15px;

}

.padding-bottom-20 {

  padding-bottom: 20px;

}

.padding-bottom-30 {

  padding-bottom: 30px;

}

.padding-bottom-40 {

  padding-bottom: 40px;

}

.padding-bottom-50 {

  padding-bottom: 50px;

}

.padding-bottom-60 {

  padding-bottom: 60px;

}

/* Background Colors */

.background-white {

  background-color: #FFFFFF;

}

.background-black {

  background-color: #000000;

}

.background-gray-dark {

  background-color: #333333;

}

.background-gray {

  background-color: #888888;

}

.background-gray-light {

  background-color: #cccccc;

}

.background-gray-lighter {

  background-color: #ebebeb;

}

.border {

  border: 1px solid #ddd;

}

.shadow {

  box-shadow: 0 0 5px #ddd;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Shay
Shay
Accepted Answer Pending Moderation
0
Votes
Undo
Can you tell me if the Journal template has the Utility Classes included?
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to say by default our Journal template does not include any utility classes.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.