Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1308209

    Hello,

    I’ve recently set up a blog page and some blog posts on our site in the link below. For some reason, Even though I’ve checked the options to display the “Blog Post Date” and ” Blog Post Category” in my Blog meta elements, they still haven’t ended up displaying in my blog page when I use the “Modern Business” Blog Styling with the “Grid Layout” Blog Layout. Is there something thats overriding these from displaying?

    Also, I was wondering if it’s possible to change the weight and font of the blog post title text in the blog post page?

    Thanks!

    Joe

    #1308395

    Hello,

    I tried using the advanced layout editor to modify the blog layout in the page with the grid layout. However, I don’t see any options in the “define blog grid layout” to add the date, categories, or comments – only selections are title, excerpt, and read more link (except there are not excerpts displayed even when this is chosen).

    The link to the default blog below shows a webpage that has the grid layout with the blog post Title, category, excerpt, comment and date there. Why am I not able to select this either in the enfold theme options > blog layout or the page specific advanced layout builder with the blog post?

    Please let me know,

    Joe

    #1308443

    Hi Joe,

    Thanks for the login token. I’m not sure exactly what you have done with the blog page, since it doesn’t exist anymore. If you are doing your setting under Enfold->Blog Layout, then those settings will only apply to the page which you have select to show your blog on in the theme options. If you have created the blog page yourself, with an element from the Layout Builder, then you can set the layout in the element options.

    Best regards,
    Rikard

    #1308449

    Hi Rikard,

    The url changed after I renamed the page. Please see the updated link below to the blog page. In neither the Enfold>Blog Layout nor the blog page layout builder is there somewhere I can select the option to display either the date or the comments or the category. I’ve tried modifying both and I can’t display anything beside the title and read more button.

    Please let me know if theres anything I can do.

    Best,

    Joe

    #1308659

    Hi,
    Thank you for your patience, and for the login, the date & categories are not showing because the font color is the same as the background color, white.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #main .slide-meta,
    #top #main .minor-meta,
    #top #main .minor-meta a {
    	color: #000;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1308965

    Thanks for the information Mike, this worked great!

    One other question about the blog post sub text – can you tell me the CSS selector for the “read more >” linked text below each of the blog posts? Im trying to tighten the spacing of the text there.

    Best,

    Joe

    #1308966

    Also, one other thing but the text “excerpt” still isn’t showing up below the blog posts.

    #1308968

    Hello,

    I’m also looking at the blog post “category” pages like the one linked below. Is there a way for me to style the text / labels on these and set the size of the thumbnail image?

    Thanks again,

    Joe

    #1309089

    Hi,
    Glad this helped, the read more sector is .read-more-link yours are currently using this css:

    .html_elegant-blog .avia-content-slider .read-more-link {
        top: 18px;
        padding-bottom: 10px;
    }

    try adjusting the top to tighten up.
    For the post excerpts, it looks like you are using the Advanced Layout Builder for your posts, so you will need to manually add your excerpts, to do so you may need to enable the Excerpt Option in the Screen Options which will give you a text area below your post area.
    Screen_Options_Excerpt_Option.jpg
    Excerpt_Option_below_editor.jpg
    For your category pages you can make adjustments with css, but you can also change the layout with this function:

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

    please note this line: $layout = ‘single-small’; this will give you the single-small layout, you can try these different layouts:
    single-small
    single-big
    blog-grid
    bloglist-excerpt
    This overrides the theme blog layouts from the options page only for the archive pages, typically you would choose a Blog Styling layout such as Modern Business, Elegant, or Default (Business) and it would also apply to your archive pages, but some people like to use something different.

    Best regards,
    Mike

    #1309156

    Hi Mike,

    Thanks again for the help, the changes seem to be working well! I’ve decided that I want to style the blog post “category” pages in css instead of applying a layout template directly to them. I’ve been trying to modify the date, excerpt and author text underneath the blog title, but I cant seem to get the right css selectors in this case either. I’ve tried inserting the following code into the quick css to target the date text, but doesn’t seem like its working.

    .html_elegant-blog #top.archive.category .post-entry .blog-categories.slide-meta {
    left: 20px !important;
    } 

    I was also hoping to hide the “author text” as well as the “excerpt text” if possible.

    Best,

    Joe

    #1309243

    Hi,
    To target the date text you could use .date-container but the text is already as far left as possible so I’m not sure what you are trying to achieve. This css with change the date red to show an example of the target selector:

    #top.archive.category #main .post-entry .date-container {
    	color: red;
    }

    To hide the author text:

    #top.archive.category #main .post-entry .blog-author {
    	display: none;
    }

    I don’t see an excerpt to hide so I don’t know if you also want the read-more to be hidden, but you can try this:

    #top.archive.category #main .post-entry .entry-content {
    	display: none;
    }

    Best regards,
    Mike

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