WordPress.org

Ready to get started?Download WordPress

Forums

Warm-Home Theme Picture Help (13 posts)

  1. reliancep
    Member
    Posted 1 year ago #

    I would really like to be able to change the photos that come with this theme but don't have enough experience to look in the right place. Step by step guide please. Thank you for your time.

  2. Connor Crosby
    Member
    Posted 1 year ago #

    Can you post a link to the theme?

  3. reliancep
    Member
    Posted 1 year ago #

  4. reliancep
    Member
    Posted 1 year ago #

  5. Connor Crosby
    Member
    Posted 1 year ago #

    Which photos did you want to change?

  6. reliancep
    Member
    Posted 1 year ago #

    The three all the way to the right.

  7. Connor Crosby
    Member
    Posted 1 year ago #

    The advertisements? It looks like they're background images. You can remove it by opening up the style.css file and finding line 155 and deleting the .img315_88 a class. Then delete the same on line 157 and line 158.

  8. reliancep
    Member
    Posted 1 year ago #

    I want to be able to change the 3 small images in the little squares and replace with my own

  9. reliancep
    Member
    Posted 1 year ago #

    Here is my blog if it helps, http://reliancepantry.com/blog. I'm talking about the sunflowers and the tea cup and pot

  10. Connor Crosby
    Member
    Posted 1 year ago #

    Alright, if you open up sidebar.php you can look for the images there. They will be in a div with a class of "advert".

  11. reliancep
    Member
    Posted 1 year ago #

    Sorry to keep bugging you and I really appreciate all your help. here is what it says,

    <div id="sidebar_2">
      <div id="advertarea">
        <div class="advert"><img src="<?php echo get_template_directory_uri('template_directory'); ?>/images/pic01.jpg" alt="advert1" /></div>
        <div class="advert"><img src="<?php echo get_template_directory_uri('template_directory'); ?>/images/pic02.jpg" alt="advert2" /></div>
      </div>
    </div>

    What do I take out and would I put the photo link I want to use in where?

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum's parser.]

  12. Connor Crosby
    Member
    Posted 1 year ago #

    How much do you know about coding? I'm guessing not so much, which is fine :)

    See where it says <img src="<?php echo get_template_directory_uri('template_directory'); ?>/images/pic02.jpg" alt="advert2" />? That's the code that displays the image. src="path/to/image.jpg" is where the image lives. It will take that and display it on the site. To replace the image to what you want, you can upload it using the Media tool inside the WordPress dashboard. Then take the link to the image and paste it into the src quotes.

    alt="title" is what's displayed if the image is not found. So you usually want to put a simple title or summary of the image. So if you have a picture of a tree, you could put "tree" in the alt quotes.

    Hopefully that helps!

    EDIT: if you do use the media tool to upload the image, make sure to remove <?php echo get_template_directory_uri('template_directory'); ?> from the src quotes.

  13. reliancep
    Member
    Posted 1 year ago #

    Ok going to go for it tomorrow. Thanks so much. :}

Topic Closed

This topic has been closed to new replies.

About this Topic