Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #20353

    I’m wondering how I can move the title of the blog posts below the image on the blog feed (currently my home page)

    http://www.lifelonghealthandhappiness.com

    Also, I’d like to remove the “edit icon” and move the information below the photo to be flush with the left of the photo. Wondering if that is a possibility.

    Thank you for your help!

    #107313
    #107314

    Hi,

    Open includes > format-standard.php and find this code

    <h1 class='post-title offset-by-one'>
    <a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link:','avia_framework')?> <?php the_title(); ?>"><?php the_title(); ?></a>
    </h1>

    Cut it out then place it below this code

    <?php
    $slider = new avia_slideshow(get_the_ID());
    if($slider) echo $slider->display();
    ?>

    Regards,

    Ismael

    #107315

    Perfect! Any thoughts on removing the edit button next to the post info?

    #107316

    Hi tuttlephoto,

    I just checked your site and it seems that the edit icon placed on a blue rectangle is already removed. If it appears, try to add this code in Quick CSS or custom.css:

    .post-format-icon {
    background: none;
    }

    or

    .post-format-icon {
    display: none;
    }

    Regards,

    Ismael

    #107317

    I was able to remove the actual pencil icon but I can’t figure out how to remove the whole box. I’d like for the text to align with the left side of the image. I tried the two codes above but they didn’t change anything.

    #107318

    Hi tuttlephoto,

    Kindly open includes > format-standard.php and find this code:

    <h1 class='post-title offset-by-one'>
    <a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link:','avia_framework')?> <?php the_title(); ?>"><?php the_title(); ?></a>
    </h1>

    Replace it with:

    <h1 class='post-title'>
    <a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php _e('Permanent Link:','avia_framework')?> <?php the_title(); ?>"><?php the_title(); ?></a>
    </h1>

    On the same file, find this code:

    <!--meta info-->
    <div class="one unit alpha blog-meta meta-color">

    <div class='post-format primary-background flag'>
    <span class='post-format-icon post-format-icon-<?php echo get_post_format(); ?>'></span>

    </div>

    </div><!--end meta info-->

    Remove this code.

    Finally, still on the same page, find this code:

    <div class="seven units entry-content">

    and replace it with:

    <div class="nine units entry-content alpha">

    Hope this helps.

    Regards,

    Ismael

    #107319

    You are so wonderful! That is perfect. Thank you so much for your help. The support I’ve received with Angular is why I keep using it over and over again. Thank you.

    #107320

    I just realized… now my text for the blog posts overlaps the sidebar. See here:

    http://www.lifelonghealthandhappiness.com/post-number-3/

    #107321

    Nevermind. I just fixed it by switching the <div class=”nine units entry-content alpha”> to <div class=”eight units entry-content alpha”>

    #107322

    Hi tuttlephoto,

    Glad that you’ve fixed it. :)

    Cheers,

    Ismael

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Post Titles Below Image’ is closed to new replies.