Change Subcategorie Title size and format

[gaiuspahk]

Hi!

I installed a new theme for my store (1.6.1.3) yesterday and there's one issue that I can't figure out. The heading / title of Subcategories is too large and not uppercase like the rest of the titles. Also out of line (image 1). The title for Catergories is almost in place and formated correctly (image 2). How can I adjust the title of Subcategories to look like the one for Categories? There's also too much empty space around it. Ideally I'd like to make both of the titles (Categories and Subcategories) to be in line with the title of the first block in the left hook.

 

Store URL: https://autocare.ee/17-autosampoonid

My category.css file:

/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
    color: #434a54;
    line-height: 19px;
    margin: 0 0 45px 0;
    font-size: 15px;
    background: #fff; }
  .content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    }
    @media (max-width: 1199px) {
      .content_scene_cat .content_scene_cat_bg {
        padding: 10px 10px 10px 15px; } }
  .content_scene_cat span.category-name {
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    color: #000;
    display: block;
    position: relative;
    top: -7px;
    margin-bottom: 7px; }
    @media (max-width: 1199px) {
      .content_scene_cat span.category-name {
        font-size: 26px;
        line-height: 30px; } }
  .content_scene_cat p {
    line-height: 24px;
    letter-spacing: -0.2px;
    margin-bottom: 10px; }
  .content_scene_cat a {
    font-size: 16px;
    color: #a1a6b0;
    font-weight: 400;
     }
    .content_scene_cat a:hover {
      text-decoration: none; }
  .content_scene_cat .content_scene {
    color: #777; }
    .content_scene_cat .content_scene .cat_desc {
      padding-top: 20px; }
      .content_scene_cat .content_scene .cat_desc a {
        color: #777; }
        .content_scene_cat .content_scene .cat_desc a:hover {
          color: #515151; }

/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */
#subcategories {
  background: #fff;
  margin-bottom: 5px;
}
  #subcategories p.subcategory-heading {
    display: inline-block;
    font-weight: bold;
    color: #000;
    margin: 0 0 15px 0; }
  #subcategories ul {
    margin: 0; }
    #subcategories ul li {
      display: inline-block;
      width: 120px;
      margin: 0 30px 10px 0px;
      text-align: left;
      vertical-align: top; }
      #subcategories ul li .subcategory-image {
        padding: 0 0 8px 0; }
        #subcategories ul li .subcategory-image a {
          border: 1px solid transparent;
          display: block; }
          #subcategories ul li .subcategory-image a:hover {
            border-color: #000;
          }
          #subcategories ul li .subcategory-image a img {
            max-width: 100%;
            vertical-align: top; }
      #subcategories ul li .subcategory-name {
        font-weight: normal;
        font-size: 16px;
        color: #000;
        text-transform: none; }
        #subcategories ul li:hover .subcategory-name,
        #subcategories ul li .subcategory-name:hover {
          color: #000; }
      #subcategories ul li .cat_desc {
        display: none; }

/*# sourceMappingURL=category.css.map */

 

Thank you in advance!

 

Gaius

[NemoPS]

You actually need to change tyhe tpl. It seems it displaying something different by having subcategories or not. Check out category.tpl

[gaiuspahk]

On 21.1.2018 at 7:15 AM, NemoPS said:

You actually need to change tyhe tpl. It seems it displaying something different by having subcategories or not. Check out category.tpl

 

Catergory.tpl only states wether or not these titles should be displayed, not how. There's no info about text size, color etc.

[gaiuspahk]

Problem solved - it was still the category.css. Just the line I was editing before, was for a different page width.