Okay
  Public Ticket #3417699
Custom Header
Closed

Comments

  • weareindividualb2b started the conversation
    July 18, 2023 at 4:51pm

    Hi i would like to make a custom Header but salient doesn't aallow me to do so. i would like to know if it is possible to add this shapes on both  ends of the header. I have added an example picture below.

    Attached files:  example.png

  •  8,839
    Tahir replied
    July 18, 2023 at 5:12pm

    Hey weareindividualb2b ,

    Please provide the page URL so we can write up CSS for what's possible. Also provide image links to the shapes.

    Thanks.

    ThemeNectar Support Team 

  • weareindividualb2b replied
    July 18, 2023 at 5:31pm

    hi here is the link: https://thomas.wai-agency-links.de/
    left side: 1.png
    right side: 2.png
    One more question: do you plan on adding custom header to the salient theme in the future. Like a separate page where you can only build header like in other builders.

  •  8,839
    Tahir replied
    July 18, 2023 at 5:37pm

    Hey Again,

    Not sure how you envisioned these images in the header however you can add them using the code 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):

    div#header-outer:before {
    background: url(https://thomas.wai-agency-links.de/wp-content/uploads/2023/07/1.png);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 150px;
    top: 0px;
}
div#header-outer:after {
    background: url(https://thomas.wai-agency-links.de/wp-content/uploads/2023/07/2.png);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 150px;
    top: 0px;
    background-position-x: 100%;
}

    Thanks


    ThemeNectar Support Team