Okay
  Public Ticket #2535730
Post Format
Closed

Comments

  • Colin Lacey started the conversation

    How to I remove the category buttons (in this case Episode, Season 1) from the top of a post?

  •  2,965
    Andrew replied

    Hi Colin,

    Add the following custom css in Salient > General settings > CSS/Script related:

    .single .heading-title[data-header-style="default_minimal"] .blog-title .meta-category {
        display: none;
    }
    

    Thanks.

  • Colin Lacey replied

    Perfect, thanks!

  • Colin Lacey replied

    Hi Andrew - I just noticed that the categories are still showing up when viewed on a mobile device; is some additional CSS needed to resolve that?

    Thanks,

    Colin

  •  2,965
    Andrew replied

    Hi Colin,

    Thank you for reaching out to us.

    Add the following custom css in Salient > General settings > CSS/Script related:

    @media only screen and (max-width: 690px)
    #ajax-content-wrap #page-header-bg[data-post-hs=default_minimal] #single-below-header span:not(.updated), #ajax-content-wrap .row.heading-title[data-header-style=default_minimal] .col.section-title span.meta-category {
        display: none;
    }

    Hope this helps.

    Kind Regards.

  • Colin Lacey replied

    Hi Andrew - 

    This did not work. The 'red x' appears with the error "Expected LBRACE at line 18, col 1. Don't use adjoining classes."

    Thoughts?

    C

  •  8,851
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        #ajax-content-wrap #page-header-bg[data-post-hs=default_minimal] #single-below-header span:not(.updated), #ajax-content-wrap .row.heading-title[data-header-style=default_minimal] .col.section-title span.meta-category {
            display: none !important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  • Colin Lacey replied

    That resolved it! 

    Thanks Gents.

    C