Header

  • Author
    Posts
  • #136803

    kenwilkey
    Member

    Ok, thanks, I will try this. Two questions, what is the link URL, is that where you are directed if you click on image? Also, Does the java script go in the CSS box too?

    Thanks for your help!

    Ken

    #136809

    kenwilkey
    Member

    Some problems with the Java Script. Please see the two links for description.

    https://i0.wp.com/mywineradio.com/wp-content/uploads/2018/11/IMG_5112.jpg?ssl=1&w=900

    https://i2.wp.com/mywineradio.com/wp-content/uploads/2018/11/IMG_5111.jpg?ssl=1&w=900

    When you say replace the Link_URL and the IMAGE_URL Where do those addresses go? I don’t see and link or url in code.

    #136837

    kenwilkey
    Member

    Ok, I figured out the Java problem so here is my current status:

    Downloaded the Plugin you require
    Added the CSS and Java Script you provided to the plugin

    I need to know where to add the URL for the link and the Image, I do not see where that goes.

    Thanks.

    Ken

    #136862

    slobodanboba
    Theme Author

    Hi Ken,

    The LINK_URL is just a regular URL ( http://example.com ) to which you want the visitor to be taken to when he clicks on the image.

    The IMAGE_URL is the actual URL to the image. Go to WP Admin > Media and upload an image. When it uploads click on it to reveal more information. On the right side you’ll see input fields ( URL, title, caption… ), copy the contents of the URL field and put that instead of IMAGE_URL.

    #136984

    kenwilkey
    Member

    I added code, put in URL and double checked everything. I do not see the graphic in the header.

    #136988

    slobodanboba
    Theme Author

    Add this above the code I gave you before:

    alert('test');

    Save and check the website, does it show an alert prompt with the text “test”.

    If not, send over a screenshot of that code editing page so I can see if there’s any issues in there.

    #136989

    kenwilkey
    Member

    above the CSS code or

    Java?

    #136990

    kenwilkey
    Member

    I tried in both and do not see a Test in Text on header.

    Java

    CSS

    #137015

    slobodanboba
    Theme Author

    Remove everything inside of the code areas and just add the codes I gave you ( no need for the alert code ).

    #137016

    kenwilkey
    Member

    I removed all the other text in CSS and Java pages. I only have the code you gave me in there plus the URL for the graphic. I still do not see the graphic appearing on the header.

    #137033

    slobodanboba
    Theme Author

    CSS is now there, JavaScript is there but with 2 issues:

    1) It’s added before jQuery library. When you go to edit the JavaScript code, in the right corner you’ll see option called “Where on page”, set that to “Footer” and save.

    2) The code you added is a bit different from the one I sent. The ); on the 2nd line is gone and the }); from the 3rd line was moved to the 2nd line, which makes it invalid code. Here’s the code with the image URL added, so just copy/paste the whole code ).

    #137036

    kenwilkey
    Member

    Hi,

    It’s now working and I see it. Do I have any control over size? I actually wanted it smaller and to the right of my logo. It is showing up below the logo and is quite large.

    The good news is that you did get it working and this does offer me options. I appreciate all your help and hope we can continue to modify.

    I am not sending a screen grab but you can look at the sit and see it. MYWINERADIO.COM

    Thanks again.

    Ken

    #137037

    kenwilkey
    Member

    It’s working and I see it! Do I have any control over size? I actually wanted it smaller and to the right of my logo. It is showing up below the logo and is quite large.

    The good news is that you did get it working and this does offer me options. I appreciate all your help and hope we can continue to modify.

    I am not sending a screen grab but you can look at the sit and see it. MYWINERADIO.COM

    Thanks again.

    Ken

    #137076

    slobodanboba
    Theme Author

    Hi Ken,

    Replace the JavaScript with this code. It’ll make it stay on the right of the logo.

    #137077

    kenwilkey
    Member

    Sorry I can’t access the new code

    #137088

    slobodanboba
    Theme Author

    Oh, sorry, that’s weird.

    Link

    #137089

    kenwilkey
    Member

    Much better, that is more what I wanted. Is this the size all graphics will be or if I post a larger one will the code allow it to expand?

    Thank you for your help.

    Ken

    #137106

    slobodanboba
    Theme Author

    You’re welcome.

    If you add a larger banner it will automatically be adjusted to fit the space on the right of the logo.

    If you make the logo smaller there will be more room for the banner so it will automatically be bigger.

You must be logged in to reply to this topic.