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)

    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.