Add logo between top menu and blog

  • Posted in : Readme
  • criaimpacto09
    Participant

    Hi,

    I just bought the template and i want to insert an logo image between the top menu and the content of the website… this image must appear in every pages of the site.
    The image is this http://www.criaimpacto.com/logohome.jpg

    how can i do that?

    Thanks for the amazing ttheme.

    Regards.

    ahmetsali
    Keymaster

    Hi, you can follow these steps, and see if the results suits you;

    1-) Copy and paste the code below to External JS box in Theme Options > Style tab.

    <script>
    jQuery(document).ready(function($) {  
       $('.site-header').after(' <div class="logo"> <a href="/" rel="nofollow"> <img src="http://www.criaimpacto.com/logohome.jpg"></a> </div> ');
    });
    </script>
    

    2-) copy this code to Custom css box;

    .logo { text-align: center; }
    .logo img { max-height: 180px; margin-top: 80px; }
    
    jvdgtl
    Participant

    Hi guys,

    Do you have a suggestion how i can trigger this logo only on 1 specific post?

    Johan

    ahmetsali
    Keymaster

    Hi @jvdgtl

    can you provide your related page url?

    jvdgtl
    Participant

    Yes: https://jvdgtl.io/homepage-2/

    Password: 0000

    ahmetsali
    Keymaster

    @jvdgtl

    then your js code should be like this;

    <script>
    jQuery(document).ready(function($) {  
       $('.page-id-1810 .site-header').after(' <div class="logo"> <a href="/" rel="nofollow"> <img src="url-of-the-logo"></a> </div> ');
    });
    </script>
    
    jvdgtl
    Participant

    Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register