Hi LouieAh
To add links to the images in bottom you need to edit your front-page.php.
To perform these customization you should make a child theme first.
This link will guide you to make a child theme.
Now copy the front-page.php file to your child theme open it in editor. Now go to line no. 60 and find ‘box1’, you can see an image tag at line no.66. This is the first image. Wrap it with <a href=""></a> tag. Like wise you can find other images at line no. 93 and line no.119 respectively. Wrap up the image tags with anchor tag. For eg.
<a href="http://example.com"><img src="<?php echo bharat_escape_html(get_theme_mod('bharat_three_feature_image3')); ?>"></a>
Hope this may help you. Thank you for using our theme.
Poonam Namdev
SmallEnvelop
Thanks for your help but I’m having trouble with a few things. I’m not very good when it comes to coding but anyhow, I couldn’t find any folder on my computer similar to the one in the screenshot on the page of the link you gave me to create a child theme. I thought I had already created a child theme by simply copying the code onto a notepad as a back up and make changes to that. Would it just not be possible to change any of the code in the CSS editor without copying files?
OH no nevermind I understand now!
OK I one last question, how do I make the sub heading a link as well, underneath the image.
For example how do I make the sub-heading Best Group 0+ Car Seats (which is under the picture of the red car seat) become a link to a certain URL?
Poonam, if you look at my site http://www.carseatsuk, you’ll see that the links work but now all of the images are the same kind. In the customisation bar it shows them being different images like before.
I tried adding the link as well, but it is not working. This is how it looks:
<a href="http://michaelyallop.com"><img src="<?php echo get_template_directory_uri(); ?>/images/4.jpg">
<?php else: ?>
<img src="<?php echo bharat_escape_html(get_theme_mod('bharat_three_feature_image1')); ?>"></a>
Hi MichaelY;
Use the below code this will work.
<img src="<?php echo get_template_directory_uri(); ?>/images/4.jpg">
<?php else: ?>
<a href="http://michaelyallop.com"><img src="<?php echo bharat_escape_html(get_theme_mod('bharat_three_feature_image1')); ?>"></a>
Hi LouieAh,
You can add link to subheading by repeating the same procedure which I have described in adding links to the images section.
Open front-page.php file of your child theme in editor.Now go to line no. 60 and find ‘box1’, you can see <h4> tag at line no.73. This is the first heading. Wrap it with <a href=""></a> tag. Like wise you can find other headings at line no. 100 and line no.126 respectively. For eg.
<a href="http://example.com"><h4><?php echo bharat_escape_html(get_theme_mod('bharat_three_feature_title1')); ?></h4></a>
Poonam Namdev
SmallEnvelop
Thanks, that works like a charm! And thanks for the amazing theme 🙂
mmmm, the image links are working in google Chrome, but not in Safari. Any idea?
