BLOG …. Request for help

Hey Mike,

Could you post a link to your blog page so that we can have a closer look please?

Best regards,
Rikard

Hi,
When I looked at your page I found a magazine element on the bottom half of your page so I assume it is the section you are working on. To make the images larger try this code in the General Styling > Quick CSS field:

.av-magazine .av-magazine-thumbnail,.av-magazine .av-magazine-thumbnail img  {
width: 180px !important;
}

I also assume that you will want the text larger too, so try this css:

.av-magazine .av-magazine-content-wrap h3.av-magazine-title{
font-size: 3em!important;
}

Please feel free to adjust both to suit.

You may notice that the images are blurry because the magazine thumbnails are actually half the size and then scaled up to fit, to correct this please install the plugin Simple Image Sizes and go to WordPress > Dashboard > Settings > Media > Media Settings and change the size of the thumbnail size to your new size. Then use the “Thumbnail regeneration” option lower on the same page.

Best regards,
Mike

Hi,
Do you mean that you would like year/month/day ?
Please try going to WordPress > Settings > General > Date Format
and choose “custom” and enter “Y/m/d”

Best regards,
Mike

Hi,
Oh, I see, Try adding this code to the end of your functions.php file in Appearance > Editor:

function move_date_script(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.av-magazine-entry' ).each(function() {
  jQuery( this ).find( 'time.av-magazine-time' ).insertAfter( jQuery(this).find('h3.av-magazine-title') );
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'move_date_script');

Best regards,
Mike

Hi,

@darnott75 This is a bit off topic, please open a new thread with the url to your site so we can investigate which classes will work for you.
You can modify the category pages layout with a function, here’s three to test, please only use one at a time:

//change category page layout to blog single small style
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

//change category page layout to blog single big style
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-big';
return $layout;
}

//change category page layout to blog grid style
add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

Best regards,
Mike

Hi,

@darnott75 We are happy to help, sorry I meant to tell you to try adding the code above to the end of your functions.php file in Appearance > Editor
But please only use one code snippet at a time. Notice the first line says what type of layout it is, “single small”, “single big”, or “grid”

Best regards,
Mike