Okay
  Public Ticket #1914694
Blog Header Title Font
Closed

Comments

  • itsmejelliott started the conversation

    I cannot seem to change the single post (and blog page) header title font .. inspecting it says it's an H1 tag, but all my other H1's on the rest of my site do not show up like it's doing on my blog pages. 

    It's squished into a font that you can't read - the spacing if off and it's not the same size or anything like the H1 I have set up in other parts of my site (through the Salinet dashboard) 

  •  75
    Scott replied

    Hey there,

    Thanks for reaching out,

    Please try this CSS here: Salient > General Settings > CSS/Script Related > Custom CSS Code

    #page-header-bg .span_6 span.subheader {
        font-family: Playfair Display;
    }
    

    Hope this helps,

    Regards

    Themenectar Support Team

  •   itsmejelliott replied privately
  •  8,996
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        #page-header-bg.fullscreen-header .span_6 h1, .overlaid-content h1 {
            font-size: 19px!important;
            line-height: 29px!important;
        }
    }

    Thanks


    ThemeNectar Support Team