Joomla Templates Club 406,261 posts

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

#1081370

Hi,

You can try with this custom CSS:

.blog-featured .category-name.cat-violet {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

Then change the font-family as you wish.

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1081601

Hi,
I modified so that the category shows up the link. Now I would like this link to set the color of the category, not just when I put the mouse. How can I do?

---

Attachments:

1. 
2. 

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

#1081807

Hi,

You can try opening the file: root/templates/ja_teline_v/less/joomla.less

Look for the declaration for Category Name and add the background + color as this screenshot: http://prntscr.com/howef4

// Category Name
.category-name {
  display: inline-block;
  a {
    background: #fff;
    border: 1px solid @gray;
    color: @gray-dark;
    display: inline-block;
    font-family: @font-family-alt;
    font-size: 11px;
    font-weight: @font-weight-normal;
    padding: 3px (@global-padding / 4);
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;

    &:hover, &:focus, &:active {
      background-color: @gray-dark-max;
      border-color: @gray-dark-max;
      color: #fff;
      text-decoration: none;
    }
  }

  // Colors
  &.cat-red {

    a {
      background-color: @red;
      border-color: @red;
      color: #fff;

      &:hover, &:focus, &:active {
        background-color: @red;
        border-color: @red;
      }
    }
  }

Then do the same for other colors.

[keytianemouzar Friend keytianemouzarJoin date: November 2017Posts: 69Downloads:74Uploads:79 Thanks: 2]

#1082024

Thank you!

[Author]

Posts