Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2369299
Help with php
Closed

Comments

  • mojo10 started the conversation

    Hi 

    I would like to make some very minor amendment to the header.php.

    I have set up the child theme and added a copy of header.php ready to make amendments.

    I am OK with amending php but need a bit of help.

    I would like to add a image to the right of the logo (see attachment for details)

    The bit that needs changing is where the class site-title is shown

    Can you help please

    Mo

    Attachment of txt file with header.php code and explanation in word doc

  •  7,092
    Oliver replied

    Hi,

    pls. provide wp-admin and FTP access

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    Hi Gregor

    FTP Username: [email protected]
    FTP server: ftp.m2isolutions.co.uk
    FTP & explicit FTPS port:  21
    Password :  EbaWB4Uh7fdX

    Admin Wordpress

    https://molane.biz/wp-login.php
    user:    adminforchange
    p/w:    K8MfT9yWAwHTfqM%rLizxbu8

    Thanks

    Mo

  •  7,092
    Oliver replied

    May be easier will be make it via CSS?

    nav#primary-navigation {
        float: left;
        text-align: left !important;
    }
    .header-main.logo-position-left.header-layout-default.header-style-3 {
        background-image: url(https://molane.biz/wp-content/uploads/thegem-logos/logo_c18f832…_1x.png);
        background-position: right;
        background-repeat: no-repeat;
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    This is great Gregor nearly there 

    I wanted to put an additional image on the right hand side of the website inline with the logo -see attached doc for details

    Full path to image is shown in attached doc

    Thanks

    Mo

  •  7,092
    Oliver replied

    Here is CSS code to put there background image:

    .header-main.logo-position-left.header-layout-default.header-style-3 {
        background-image: url(https://molane.biz/wp-content/uploads/thegem-logos/logo_c18f832…_1x.png);
        background-position: right;
        background-repeat: no-repeat;
    }
    

    or you need to there image via HTML?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    hi Gregor 

    Can I put a link url against this image - I would like the user to click on the image and go to a particular page

    Thanks

    Mo

  •  7,092
    Oliver replied

    Hi,

    Added custom link in the template header.php 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  7,092
    Oliver replied

    CSS:

    a.custom-link {
        position: absolute;
        right: 0;
        top: 15px;
        width: 500px;
        height: 70px;
        background-color: #000;
        font-size: 0;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    Hi Gregor 

    Nearly ready to go live ! thanks for your help you are brilliant!  I just need two more really small tweaks and my css is rubbish

    I need two more little tweaks –

    1. I need to move the button that says login in the top bar to the right of the screen
    2. I need to make the top blue bar narrower

    See image in attachment 

  •  7,092
    Oliver replied

    Hi,

    I see some strange symbol in the top of the page, did you added any changes except the header php template? 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    Hi Gregor

    I don't think so -

    I am replacing a theme that is on a production site so I want it to look the same. (the client is really attached to his design) the theme in production keeps falling over.

    This is a much lighter weight theme.  

    So I am trying to get the header to operate and look the same as the old site - for your info I have added a screen shot of both sites headers .   

    I think the thing you see is something to do with eventon (see image attached).

    The changes made to header php that you done (sorry I had to amend as it was not quite there) so I may have amended incorrectly- one line added (line number 110) in child theme header.php 

    <a href="https://molane.biz/business-directory/" class="custom-link"></a>
    

    I have also added a bit of css in the customizer  - 

    this is the css for this custom link

    @media (min-width:1200px) {
    a.custom-link {
       background-image: url(image URL goes in here);
        position: absolute;
        right: 0;
        top: 15px;
        width: 500px;
        height: 70px;
        background-color: #000;
        font-size: 0;
    }
    }


    I  have added a bit more css for layout issues - as far as header goes I added this to stop the log in button appearing if you where already logged in

    .logged-in .top-area-button {  
        display: none;
    }

    I have also added a bit of code to functions.php to stop the wordpress top bar from appearing if you are logged in (this is a membership site and I did not want the users being confused )

    if ( ! current_user_can( 'manage_options' ) ) {

     add_filter('show_admin_bar', '__return_false');


    Like I say all I am trying to do is to get the header as close to the current production site as possible

    So I am looking to do the two minor things 

    1. I need to move the button that says login in the top bar to the right of the screen
    2. I need to make the top blue bar narrower

    Sorry I am rubbish with CSS





  •  7,092
    Oliver replied

    Check now, I've fixed the issue

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mojo10 replied

    Hi Gregor 

    Still looks the same - all cache has been cleared

    So the login button shown in image needs to be moved to the right (above the union jack image with FIND A LOCKSMITH YOU CAN TRUST) 

    also I wanted the blue banner at the top made narrower -(might be a little bit narrower now but needs to be a bit more)

    see attachment for how it looks on firefox to me

  •  7,092
    Oliver replied

    Hi,

    1. pls. add the button to the top area.

    2. I've made it smaller: 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver