Joomla Templates Club 406,261 posts

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#962363

Hi there, on my site there is a secondary colour for the theme which is basically green. You can see here in this video the green I am referring to: http://recordit.co/zhpClNNXhx

So specifically the green is located in this css file here: local/css/themes/red/extras/com_easysocial.css

So I guess my question is which less file do I change here as I am not sure?

Thanks for your time.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#962556

@jamjodesign

These elements belongs to EasySocial so you can find LESS file for Easysocial in this directory: ROOT/templates/ja_intranet/less/extras/com_easysocial.less

For example, you want to change the color for ‘label-notification’, you look for this declaration:

// Label
.label {
  display: inline-block;
  font-weight: @font-weight-normal;

  &:empty {
    display: none;
  }

  &.label-notification {
    background: @brand-secondary;
    border: 0;
    font-size: 11px;
    line-height: 16px;
    border-radius: @border-radius-small;
  }
}

As you can see that its background is set with value of ‘brand-secondary’ variable. The declaration of this ‘brand-secondary’ variable (or other variables) can be found in the file: ROOT/templates/ja_intranet/less/variables.less

Search for this line: @brand-secondary: #34bf49;

and change as you wish.

1 user says Thank You to Saguaros for this useful post

1. jamjodesign

[Author]

Posts