How do I change the link of an image using CSS - css

I have a site at https://arvikamagasinet.com
At the top, there is a header image/banner, which links to the original homepage. I would like to change the link so that the header image links to a specific URL.
I need to use CSS to edit this. There is no built-in function in WordPress to change the URL-link of the header image.
Thanks in advance,
Sakeus

the matter is very easy, you should go to your Wordpress theme folder in wp-content then you will find the header.php which display the header or you can search for it in index.php and you find the image and you will find that code :
<a href="https://arvikamagasinet.com/" title="Arvikamagasinet" rel="home" class="header-image">
<img src="https://arvikamagasinet.files.wordpress.com/2020/09/untitled-6-2.png" width="1250" height="400" alt="">
</a>
you will change a href to your ned link :
<a href="link here" title="Arvikamagasinet" rel="home" class="header-image">
<img src="https://arvikamagasinet.files.wordpress.com/2020/09/untitled-6-2.png" width="1250" height="400" alt="">
</a>

Related

Wordpress header changes from page to page

I know this is very general, but I have a wordpress site (theme: Lighthouse by Outstanding Themes) where the site title looks perfect on the frontpage, but is all broken up on several subpages and other top-level pages.
All I've done is edit the site title with custom css with margin-left to make it not centered. The header is the same for all pages and the code should be the same as well. Does anyone know what could be causing the title to be perfect on some pages whereas the lines are all broken up on other pages?
Thanks !
The html is like this:
<div class="site-header">
<div class="site-branding">
<a class="home-link" href="https://homepage.com/" title="title" rel="home">
<span class="site-title">Title</span>
<span class="site-description">Site description</span>
</a>
</div><!--.site-branding-->
</div>
S

how to fix wordpress logo multiple h1 tags

I have problem in my wordpress logo, when check in bing webmaster diagnostic tool, tell me i have multiple h1 tags, anyone know how to fix?
my site is https://xn--hxanfhlafbfwvgsh0akf7l.com and my wordpresss theme is colormag free version,
code is
<h1 class="logo">
<a href="https://xn--hxanfhlafbfwvgsh0akf7l.com/" title="Ηλεκτρονικό τσιγάρο νέα, κριτικές, συμβουλές στο άτμισμα" rel="home">
<img src="https://xn--hxanfhlafbfwvgsh0akf7l.com/wp-content/uploads/2016/12/Ηλεκτρονικό-τσιγάρο-νέα-κριτικές-συμβουλές-στο-άτμισμα-.png" alt="Ηλεκτρονικό τσιγάρο νέα, κριτικές, συμβουλές στο άτμισμα">
</a>
</h1>
Looks like it is in your template twice
<div
id="header-text" class="screen-reader-text"><h1 id="site-title">
</h1></div></div><div
id="header-right-section"><div
id="header-right-sidebar" class="clearfix">
<aside
id="text-2" class="widget widget_text clearfix"><div
class="textwidget"><h1 class="H1">
<img
src="http://www.xn--hxanfhlafbfwvgsh0akf7l.com/wp-content/uploads/2016/12/Ηλεκτρονικό-τσιγάρο-νέα-κριτικές-συμβουλές-στο-άτμισμα-.png" alt="Ηλεκτρονικό τσιγάρο νέα, κριτικές, συμβουλές στο άτμισμα"></h1></div>
So what you need to do, is locate where in your template it is putting it in twice, create a child theme, and remove one of those from the template
So you could do a search inside the them, for either site-title or class="H1" and you should then be able to find the template.
Hope that helps.

Images not showing on Amp version

Images work on normal page but the amp-version the images doesn't show.
here is a HTML code of a picture, I use WordPress and upload via media library and insert:
<img class="aligncenter wp-image-312" src="http://mysiteexample.com/wp-content/uploads/2016/11/review-1024x768.jpg" alt="Stanley Review" width="256" height="192" />
"
Is there a script I need to insert or something for it to work on amp?
Thanks for your time, I appreciate it.
Use amp-img instead of img for the amp version of your site.
<a href="#">
<amp-img src="http://mysiteexample.com/wp-content/uploads/2016/11/review-1024x768.jpg" width="256" height="192" layout="responsive" alt="Stanley Review"></amp-img>
</a>

Image Could not be loaded - Wordpress issue

I am having issue on my wordpress website. Where I have gallery plugin and the images in that gallery showing this error message when you click on the image. In past those used to pop up when you click on it. But currently it show this error message. I think there is some js conflict please help me here. screenshot- here
webpage - http://www.marvelrealtors.com/residential-properties/izara/
image url is missing in anchor tag. please check.
<a href="#" class="poppup">
<img src="http://www.marvelrealtors.com/wp-content/uploads/2015/05/Izara-Dining-Room.jpg" title="Dining" alt="Dining" data-lazy-loaded="true" style="display: inline;"><noscript><img title="Dining" src="http://www.marvelrealtors.com/wp-content/uploads/2015/05/Izara-Dining-Room.jpg" alt="Dining"/></noscript>
</a>
Working script:
<a class="image-popup-no-margins boxed_shadow" href="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" target="_self">
<img src="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" class=" vc_box_border_grey attachment-full" alt="layout" data-lazy-loaded="true" style="display: inline;"><noscript><img src="http://www.marvelrealtors.com/wp-content/uploads/2015/06/Izara-site-plan.jpg" class=" vc_box_border_grey attachment-full" alt="layout" /></noscript>
</a>
The problem comes from file names, no accent, space or special character and it will work.

two image shown into one lightbox

I have to image with the following code:
echo '<div class="thumb" style="width: '.$array['thumb_width'].'px; height: '.$array['thumb_height'].'px;">
<a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['before_image_id'].'" >
<img src="showthumbs.php?image_id='.$array['before_image_id'].'"/">
</a>
<a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['after_image_id'].'" >
<img src="showthumbs.php?image_id='.$array['after_image_id'].'"/">
</a>
</div><p><p/>';
The issue is that it is displayed separately in the lightbox. I want it to show two image side by side in one lightbox.. How do I do this?
There are 2 options, depending on the lightbox you're using:
Some lightboxes (colorbox, DOM window, facybox, thickbox) support loading html pages into an iframe rather than just images. If you can try loading html with the two tags into the lightbox.
If you have a lightbox that only supports images (like squarespace's crappy lightbox) you may have to merge the images together using PHP's GD library.
See this question:
Merge Two images together on Server, then save

Resources