Okay
  Public Ticket #2892017
Hiding a portfolio page title
Closed

Comments

  • HannahCondry started the conversation

    Hi there, is there an option to not display a portfolio page title on the portfolio item pages?

  •  8,844
    Tahir replied

    Hey Againm,

    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):

    #full_width_portfolio .project-title {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  • HannahCondry replied

    Thanks Tahir, that's great. How can I make the portfolio pages use the transparent navigation? There is no option to force this?

  •  8,844
    Tahir replied

    Try using the "Permanent Header Transparent" Option and check.

    Thanks 


    ThemeNectar Support Team 

  • HannahCondry replied

    Hi Tahir, that option isn't there (see attached). Where can I find it in a portfolio page?

  •  8,844
    Tahir replied

    Hey Again,

    You can find it in Salient Theme Options Panel -> Header Navigation -> Transparet Header Effect Section: 

    7733595655.pngClick on Image to View Larger

    Thanks 


    ThemeNectar Support Team 

  •   HannahCondry replied privately
  •  8,844
    Tahir replied

    Hey Again,

    We have a Force Transparency Option available which will make the Header Transparent Irrespective of whether you use the page header: 

    7461780816.pngClick on Image to View Larger

    Thanks


    ThemeNectar Support Team 

  •   HannahCondry replied privately
  •  8,844
    Tahir replied

    Yes, that is only available on Normal Pages. To force the Transparency use the CSS below.

    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):

    .single-portfolio div#header-outer:not(.small-nav) {
        background: transparent !important;
    }
    .single-portfolio div#header-space {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •   HannahCondry replied privately
  •  1,878
    Judith replied

    Hi Hannah,

    Please try this out:

    #header-outer[data-box-shadow="large"], body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="0"]:not(.transparent):not(.invisible), body.material[data-hhun="1"] #header-outer[data-header-resize="0"][data-box-shadow="large"][data-remove-fixed="1"]:not(.transparent) {
        box-shadow: 0 3px 45px rgb(0 0 0 / 0%);
    }
    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: rgb(202 49 49 / 0%);
    }

    Thanks.