Add link image on front page of Zerif Lite Theme

  • Hello. I’m relatively new to WordPress, css, html, and the like so, bare with me. You may have to break things down to me kindergarten style. So, here goes:
    I recently downloaded the Zerif Lite theme and I love it. However, adding stuff to the front page can be a real pill. Right now, I’m trying to add an image that links to another site to the front page of my site and haven’t been able to figure out how. I definitely don’t want to botch anything up by messing with the css style sheet. Can someone please give me a simple solution that doesn’t sound like rocket science? I’d really appreciate it. And even if it does sound like rocket science, I can probably figure it out. I just need an answer.

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi!

    First, you don’t really need to learn the “rocket science” as long as these forums are up. I suggest you first setup a child theme so your changes will always stay!

    1. Create a child theme ( this tutorial is easy : wordpress child theme tutorial )

    2. copy front-page.php of your zerif-lite theme to the child zerif-lite-child,

    3. Now modify the new front-page.php file in the child theme to add this code ( after editing it ) where you want the banner to appear:

    <a href="https://destination-link.com">
  <img src="https://path-to-img/" width="" alt="" />
</a>

    Tough, starting a thread in the theme support forum is better ??

    Thread Starter eyevonne

    (@eyevonne)

    Thanks, Samuel. I’ve gotta run out right now but I’m gonna try it when I get back in the office. I’ll let you know how it goes.

    Sure! You’re welcome ??

    This is weird? I’m a real old nooby, but on WP page edit if I add an image to a page using ‘add media’ I get this code added to the page:
    <a href="https://localhost/p2p4u/wp-content/uploads/2015/07/3dsuperman_tiny.png"><img src="https://localhost/p2p4u/wp-content/uploads/2015/07/3dsuperman_tiny.png" alt="3dsuperman_tiny" width="240" height="360" class="aligncenter size-full wp-image-242" /></a>
    Why is the anchor tag added? Surely you only need the anchor tag if you want to link the image to another page?

    And BTW – why does Zerif-lite create buttons on the front page with CSS rather than just using the html button tags?
    <a href="https://localhost/p2p4u/?page_id=202" class="btn btn-primary custom-button red-btn">Features</a> instead of
    <a href="https://localhost/p2p4u/?page_id=202"><button type="button">Features</button></a>

    Hello. I downloaded the Zerif Lite theme and the background image has a front shadow that i want to delete to make clear my image.
    What is the name of that shadow or how can i delete it?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add link image on front page of Zerif Lite Theme’ is closed to new replies.