Okay
  Public Ticket #1908738
Question regarding logo en left menu setup
Closed

Comments

  • Richard started the conversation
    February 24, 2019 at 8:37pm

    Hi,

    I am developing a website with a designer where we are using the Salient theme. Website is under construction at the moment. 

    I was wandering if it is possible, with a left menu setup, to have a logo as background (so menu items shows as a layer on the logo wich is set as background). Please also see attached screenshot.

    Thank you for your help.

    Regards,

    Richard

  •  8,996
    Tahir replied
    February 25, 2019 at 7:27am

    Hey Again,

    Yes you can use a simple css snippet to set a image on the Div. 

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Best

    ThemeNectar Support Team 

  •   Richard replied privately
  •  8,996
    Tahir replied
    February 25, 2019 at 9:54am

    Hey Again,

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

    div#header-outer {
    background-image: url(https://www.irmavantoledo.nl/wp-content/uploads/2016/09/about-team-member-big.jpg);
    background-size: cover;
    background-position-x: 90%;
}

    Thanks

    ThemeNectar Support Team 

  • Richard replied
    February 25, 2019 at 12:28pm

    Hi Tahir,

    Thank you very much! I get the idea. Is it also possible to center the background image with the same CSS?

    Thank you for your help!

    Regards,

    Richard

  •  8,996
    Tahir replied
    February 25, 2019 at 3:00pm

    Yes you can adjust any property you like. See url : https://www.w3schools.com/css/css_background.asp .

    Best

    ThemeNectar Support Team 

  • Richard replied
    February 28, 2019 at 5:38pm

    Hi Tahir,I have added an image with these dimensions:

    766 bij 1200 pixels

    but it doesn't show well on the website. How can I get the full image into the background? Now it only shows portions. See attached screenshot the part on the left.

    Regards,

    Richard

  •  8,996
    Tahir replied
    March 1, 2019 at 1:01pm

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

    div#header-outer {
   background-size: contain;
}

    Thanks

    ThemeNectar Support Team 

  • Richard replied
    March 1, 2019 at 1:56pm

    Thanks! I also added:

    background-repeat: no-repeat;

    and now it works!

    Regards,

    Richard