resolvedI'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!
Here is a link to a sample of what I'm picturing
http://www.lifelonghealthandhappiness.com/wp-content/uploads/2013/02/Post-Sample.jpg
Ismael
Moderator
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
Perfect! Any thoughts on removing the edit button next to the post info?
Ismael
Moderator
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
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.
Ismael
Moderator
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
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.
I just realized... now my text for the blog posts overlaps the sidebar. See here:
Nevermind. I just fixed it by switching the <div class="nine units entry-content alpha"> to <div class="eight units entry-content alpha">
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
