Header
-
Posts
-
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
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.
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 pluginI need to know where to add the URL for the link and the Image, I do not see where that goes.
Thanks.
Ken
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.
I added code, put in URL and double checked everything. I do not see the graphic in the header.
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.
above the CSS code or
Java?
Remove everything inside of the code areas and just add the codes I gave you ( no need for the alert code ).
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.
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 ).
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
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
Hi Ken,
Replace the JavaScript with this code. It’ll make it stay on the right of the logo.
Sorry I can’t access the new code
Oh, sorry, that’s weird.
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
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.
The topic ‘Header’ is closed to new replies.
