-
AuthorPosts
-
March 3, 2015 at 5:11 pm #405249
1. On the blog, can you help me make the author’s photos slightly larger on each blog entry in the circle? And how do I make the circle (avatar) bigger when they click and read the bios?
2. On the bloggers bios where it shows all their individual blogs, can we have the feature photo of the blog beside the title? Maybe in a circle or something? Right now there is just a big white margin. Is it possible to have the corresponding blog photo next to name?
Thank you!
March 3, 2015 at 10:19 pm #405446Hi creatiffco!
1. Add this to your custom CSS.
.template-blog .blog-meta { position: relative; left: -10px; } .rounded-container { width: 100px; height: 100px; } .rounded-container img { width: 100px !important; height: 100px !important; max-width: 100px !important; max-height: 100px !important; }
2. It sounds like your talking about the author archives here. Add this.
.author .template-blog .blog-meta { margin-right: 20px !important; }
Regards,
ElliottMarch 3, 2015 at 10:25 pm #405451Hi! That didn’t work :/
It made the circles bigger on the author page but when the blog posts were displayed, it only showed half the circle.
I also want the featured image to show up on the margin for the author archives, nothing showed up with that code. Help please!!
March 4, 2015 at 6:57 pm #405979Hi!
Send us a link and take a screenshot highlighting exactly what your trying to do so we can get a better idea.
Regards,
ElliottMarch 4, 2015 at 8:27 pm #406026This reply has been marked as private.March 6, 2015 at 6:48 am #406827Hi!
You placed the Blog Posts element inside a 3/5 column layout which puts a limit to the featured image size. Please remove the columns layout and leave the Blog Posts element. Edit includes > loop-author.php if you want to show the featured image for each posts inside the author archive page.
Best regards,
IsmaelMarch 9, 2015 at 2:22 pm #408091This reply has been marked as private.March 9, 2015 at 8:24 pm #408417Hi!
1. Open up /enfold/includes/loop-author.php and around line 67 you should see this.
<header class="entry-content-header">
Add this above it.
<?php echo "<div class='blog-meta'>"; $blog_meta_output = ""; $icon = '<span class="iconfont" '.av_icon_string($post_format).'></span>'; if(strpos($blog_style, 'multi') !== false) { $gravatar = ""; $link = get_post_format_link($post_format); if($post_format == 'standard') { $author_name = apply_filters('avf_author_name', get_the_author_meta('display_name', $post->post_author), $post->post_author); $author_email = apply_filters('avf_author_email', get_the_author_meta('email', $post->post_author), $post->post_author); $gravatar_alt = esc_html($author_name); $gravatar = get_avatar($author_email, '81', "blank", $gravatar_alt); $link = get_author_posts_url($post->post_author); } $blog_meta_output = "<a href='{$link}' class='post-author-format-type'><span class='rounded-container'>".$gravatar.$icon."</span></a>"; } else if(strpos($blog_style, 'small') !== false) { $blog_meta_output = "<a href='{$link}' class='small-preview' title='{$featured_img_desc}'>".$slider.$icon."</a>"; } echo apply_filters('avf_loop_index_blog_meta', $blog_meta_output); echo "</div>"; ?>
2. Add this to your custom CSS.
.post-author-format-type.blog-meta * { height: 120px; position: relative; width: 120px; }
Regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.