• Resolved restart21

    (@restart21)


    I have set some logos in my footer widgets, but they only seem to be displaying on the front page. Every other page displays the alt text.

    They also won’t position centrally so pointers on this would also be helpful.

    HTML/CSS is below. Using child theme with Hestia.

    <div class=”row”>
    <div class=”column”>
    ICAEW Authorised Training Employer
    </div>
    <div class=”column”>
    CIMA Practising Certificate Holder
    </div>
    </div>

    /* Footer image class */
    .footer-img {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    float: center center;
    background-color: white;
    padding: 10px;
    }

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter restart21

    (@restart21)

    Not sure why the HTML didn’t show the img tag above. See if this displays correctly:

    <div class="row">
    	<div class="column">
    		<img src="wp-content/themes/cv-fm/img/ICAEW.png" alt="ICAEW Authorised Training Employer" class="footer-img">
    	</div>
    	<div class="column">
    			<img src="wp-content/themes/cv-fm/img/CIMA.png" alt="CIMA Practising Certificate Holder" class="footer-img">
    	</div>
    </div>
    • This reply was modified 3 years, 11 months ago by restart21.

    Hi @restart21,

    Please change the image source URL in your HTML code. Your code doesn’t contain the full URL of images. Add your website URL before the wp-content folder. Your correct URL will be like this https://cv-fm.restartitservices.net/wp-content/themes/cv-fm/img/ICAEW.png

    Hope it helps.

    Thread Starter restart21

    (@restart21)

    Hi @poonam9

    That doesn’t seem to work, I get no image on any page by doing this.

    <div class="row">
    	<div class="column">
    		<img src="https://cv-fm.restartitservices.co.uk/wp-content/themes/cv-fm/img/ICAEW.png" alt="ICAEW Authorised Training Employer" class="footer-img">
    	</div>
    	<div class="column">
    			<img src="https://cv-fm.restartitservices.co.uk/wp-content/themes/cv-fm/img/CIMA.png" alt="CIMA Practising Certificate Holder" class="footer-img">
    	</div>
    </div>

    I get alt text on every page now. That’s it.

    Any further guidance would be helpful. Thanks ??

    Thread Starter restart21

    (@restart21)

    Thank you for your help but I have managed to sort this out. I’ve created a new div just above the footer for the logos to sit in and hardcoded the links in that way to the child theme. Not best practice but it works.

    I will make this resolved and close the thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image in footer widget’ is closed to new replies.