Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 7, 2018 at 1:13 am #1006852
    webWahine

    Hello, all
    I’m working on styling an archive page for categories, and have added in this to my functions.php to change the layout to a grid –

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

    I was then able to hide the thumbnail, the comments and delimitor –

    /* archive pages - using functions.php to set as a grid **********/

/* hide thumbnail */

.slide-entry-overview a.slide-image {
	display: none;
}

/* title */

#top.archive.category .content .entry-title {
	text-align: left !important;
	color: #afa89c !important;
}

/* hide comments */

.slide-meta-comments {
	display: none !important;
}

/* hide deliminator */

.slide-meta-del {
	display: none !important;	
}

    But I have a few questions, please:

    1) Include the Read More link in the archive page grid posts.
    2) On the mobile version when the grid posts are displayed as a single column, I’d like to have some vertical whitespace after the Read More link.
    3) When scaling from desktop to mobile the 3 columns start to display oddly, ie, they are no longer equal width and the first test displays as a full row with the second two below on landscape phones. They seem to be fine on portrait.
    4) On the sidebar in both mobile and desktop, there is a lot of vertical space between the widgets – I’d like to reduce that.
    5) The recent news sidebar widget is also missing the Read More link, and I’d like ti there, too, please.

    Thank you in advance!

    September 10, 2018 at 5:29 am #1007755
    Ismael

    Hey webWahine,

    Thank you for using Enfold.

    1.) You have to adjust the “contents” parameter of the post slider object inside the archive.php file. More info here: https://kriesi.at/support/topic/categorytag-archive-show-read-more-text-link-and-2-columns-instead-of-3/#post-618056

    2.) There should be some space between the entries by default but this css code overrides it.

    @media only screen and (max-width: 989px) {
.responsive #top #wrap_all .flex_column {
    margin: 0px !important;
}
}

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

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