Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1121397

    I am happy with the layout of my blog page. Is there a way to get the category pages to look the same? I’m trying to get the images on the left not everything centred down the middle

    Blog:
    https://www.wearetrafik.com/wp-content/uploads/2019/07/blog.png

    Category:
    https://www.wearetrafik.com/wp-content/uploads/2019/07/catgory.png
    Thanks

    • This topic was modified 5 years, 5 months ago by trafik2018.
    #1121477

    Hey trafik2018,

    Please refer to this solution on how to customize the category page:
    https://kriesi.at/support/topic/category-archive-page-change-layout-to-show-excerpt/#post-459206

    Best regards,
    Victoria

    #1121804

    Thanks Victoria, I have tried adding this to the functions.php:

    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;
    }
    … but it seems to have no effect.

    There is however a change when I try: $layout = ‘single-big’; or $layout = ‘blog-grid’;

    #1122859

    Hi trafik2018,

    Is the blog grid working for you?

    Best regards,
    Victoria

    #1123044

    Hi Victoria, yes I can get the blog-grid to work. The only one that doesn’t seem to have any effect at all is single-small. Sod’s law, that’s the one I need.

    #1123225

    Hi trafik2018,

    You can try a different blog style in the theme options > blog layout and maybe the single-small will work for that style.

    Best regards,
    Victoria

    #1123751

    Hello Victoria,

    I have tired all of the possible combinations. Nothing works. Here’s my findings:

    $layout = ‘single-grid’; gives a grid
    $layout = ‘single-big’ gives a large image centred above text
    $layout = ‘single-small’; gives a small image centred above text (this seems to be the default)

    Is there another “$layout” I can try?

    I am looking for a category $layout that gives small images left of the text to emulate options > blog layout > Single Author Small Preview (no author picture is displayed…)

    If there isn’t a $layout for this, is it possible to manipulate $layout = ‘single-small’ using CSS?

    #1124405

    Hi trafik2018,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1124934

    Hi Victoria
    The site is in staging at the moment – I’ve put logins (for flywheel not for wordpress) in the private content below:

    Thanks
    Dave

    #1125614

    Hi Dave,

    Best regards,
    Victoria

    #1125733

    Hi Victoria
    Yes, it’s nice and clean, but it’s centred.

    If you have chosen “grid” layout for your blog page and you use $layout = ‘blog-grid’; for your category pages the two match. The same goes for the “single-big” layout.

    I’ve chosen the “Single Author Small Preview” blog option which is left aligned. Is there a way of left aligning the category pages so that they match? I also like the dotted line joining the thumbnails down the left…

    Dave

    #1125736

    Just what I been look for too.

    #1126543

    Hi,
    Sorry for the late reply, I added this function to my child theme functions.php to achieve the small image to the left:

    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;
    }

    2019-08-10-153827
    The trick is that you need to have the sidebar on the archive pages:
    2019-08-10-154337
    If you don’t want the sidebar, then please try this css in your Enfold Theme Options > General Styling > Quick CSS field

    /*remove sidebar from single author blog layout*/
    #top.archive .container main.av-content-small.units {
      width: 100%!important; 
    }
    #top.archive #main .sidebar {
      display: none !important;
    }
    #top.archive .container main.content {
     border-right-style: none !important; 
     border-right-width: 0px !important; 
    }

    2019-08-10-154933

    Best regards,
    Mike

    #1126709

    Hey Mike – Such a simple thing! I’m kicking myself for not trying that myself.. Thanks for your help.

    #1126921

    Hi trafik2018,

    Glad you got it working for you with Mike’s help! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.