Premium Theme Support › MeridianThemes › Heart and Style

Header

1 2
  • Author
    Posts
  • #136803
    kenwilkey
    Member
    Original poster

    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
    Original poster

    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
    Original poster

    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
    Original poster

    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
    Original poster

    above the CSS code or

    Java?

    #136990
    kenwilkey
    Member
    Original poster

    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
    Original poster

    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
    Original poster

    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
    Original poster

    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
    Original poster

    Sorry I can’t access the new code

    #137088
    slobodanboba
    Theme Author

    Oh, sorry, that’s weird.

    Link

    #137089
    kenwilkey
    Member
    Original poster

    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.

1 2
  • The topic ‘Header’ is closed to new replies.