Okay
  Public Ticket #2936467
Add Code to Loo Area
Closed

Comments

  •  2
    frank started the conversation

    Hello! I would like to insert html which utilizes this script:( https://codepen.io/Tbgse/pen/dYaJyJ ) into the area where the automatically generated site title is, thus replacing it. Could you please point me to where in the theme files I can code this in?

  •  1,878
    Judith replied

    Hi There,

    Thanks for contacting us.

    You can try inserting it in the header.php file shown below:

    5581682291.png

    Thanks.

  •  2
    frank replied

    Hi. I am attempting to put the element where the website name would usually be that is in the header that over lays the website with navigation on it. Could you provide more detailed instructions? Also my header.php file looks different and has PHP in it pertaining to themeNectar. I tried adding the element to this area already but it appeared below the header not in it. Whatever is rendering the site title area is what I'm trying to target. The header ID seems to be "top"

  •  1,878
    Judith replied

    Hi Frank,

    Allow me to escalate this to the developer to respond further.

    Thanks.

  •  1,071
    ThemeNectar replied

    Hey Frank!

    You can add a function named "nectar_logo_output" in your child theme functions.php file to override the default logo output with whatever you desire. Here's an example:

    function nectar_logo_output() {
      echo 'Custom Logo Text';
    }
    

    Kind regards,

  •  2
    frank replied

    Yay! i moved over all of my elements into the theme and the function is working. frankdambra.com

    My issue now is that the theme seems to be creating an unwanted left side padding or margin. I've been in the developer tools for an hour or two trying to find which element is producing but it's eluding me. Could you tell me what to do? Then I can control the minutia of styling/padding with the div I echoed in that contains the logo. Thanks!!!!!

  •  1,071
    ThemeNectar replied

    Hey Frank!

    You can remove the header padding by adding the following custom CSS snippet to the Salient options panel > general settings > css/script related tab:

    #header-outer .container {
        padding-left: 10px;
        max-width: none;
    }
    

    Kind regards,

  •  2
    frank replied

    elegant perfection