Okay
  Public Ticket #1722209
Blog posts layout and menu bug
Closed

Comments

  •  1
    BenZorg started the conversation

    Hi there,

    Thank you very much for your work, the Kalium theme is very impressive and goodlooking. Although, I still have some final problems before I can set my website online, and I hope you will be able to solve them.

    1) I would like that the full content of each blog post is shown on the blog page, not just the excerpt. Also, if I choose to insert blog posts in a static page with the WPBaker block, I would like those to be full content posts.

    2) Since the different posts are shown entirely, I want to disable post links in titles and images (no clickable content unless I put a link in the post itself).

    3) When you chose Masonry layout for blog page, all post have a small border around. I want to remove it.

    4) When you load the homepage, there is a "loading posts" logo showing during the loading of the blog posts. I would like to remove/hide it.

    5) I don't know why, but when I'm in the portfolio page of the website (named "Projets"), the link in the top menu isn't underlined like it does on other pages (when you click contact for example, you are redirected to the contact page and the contact link on menu gets underlined).

    I've done some research on Envato comments and ticksy other tickets and found some good leads, but it seems that the given lines of code don't work (maybe due to theme updates?). Here what I've tried :
    1: show full post content : You said somewhere to look for kalium/tpls/post-format-2.php and replace <?php echo wpautop( $post_excerpt ); ?> with this one: <?php echo $post_content; ?>. No such file in that directory.

    2 : remove title and imageslinks :

    .blog-holder .box-holder .post-format .thumb a {
        pointer-events: none;
    }
    .blog-holder .isotope-item .box-holder .post-info h2 a {
        pointer-events: none;
    }

    3 : remove border of posts:

    .container.page-heading-title {
        display: none;
    }

    For the first question, as an alternative for the solution, it would be possible to not have full content but full excerpt since I will always add only 1 image for each news. So the featured image could be that one image and the excerpt, if it has no lenght limit, would show the entire post. But in that way, I have to be able to set the featured image size (in masonry mode, it has the same lenght as the site logo)

    As a final question, is it ok to use Shortcodes such as [vc_row] and [vc_column] to create blog posts with columns ? It seems to work but I want to do it properly.

    Credentials are in next message in case, but I would be glad to know the workarounds to be able to tweak on my own if I need it.

    Thank you in advance for your help and keep the good job with nice updates !

    BenZorg

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  •   BenZorg replied privately
  • [deleted] replied

    Hi BenZog,

    After adding this code in functions.php and disabling this plugin:

    /**
     * Blog post content
     */
    if ( ! function_exists( 'kalium_blog_post_content_custom' ) ) {
        function kalium_blog_post_content_custom() {
            global $more;
            
            if ( kalium_blog_get_option( 'loop/post_excerpt' ) ) :
                $more = 1;
                
                ?>
                <div class="post-excerpt entry-summary">
                    <?php the_content(); ?>
                </div>
            <?php
            endif;
        }
    }
    add_action( 'init', function() {
        remove_action( 'kalium_blog_loop_post_details', 'kalium_blog_post_excerpt', 20 );
        add_action( 'kalium_blog_loop_post_details', 'kalium_blog_post_content_custom', 20 );
    } );
    

    (view large version)

    Does this suits for you?

  •  1
    BenZorg replied

    Hi and thank you for your reply.

    1) I've added the code to functions.php, but that doesn't change anything from the state you left the website, which is already better than before (I don't know what you did). When I choose classic Template for blog page, that's almost perfect because I have the full content. Only problem : how can I set image size to fit ? You can see this problem in the 2nd post (nouveaux locaux). My guess is to add the column tag like the first post... Maybe it's a solution ?

    About the plugin, it was already disabled (even in your screenshot). So I can't disable it....

    2) Any idea for this question ? (removing links in titles). 

    3) There is still a border around all posts in masonry template. I think I will go with the classic template to avoid this problem if it's simplier.

    4) I saw that you changed the loading text with a french translation. That's better than before but if there is an option to remove completely the effect, I would be glad to know it.

    5) Any idea about this problem ? 

    6) about using shortcodes in posts, is it ok ? 


    Thank you again for your help, I'm sure we gonna make it !

  •  1
    BenZorg replied

    Ok so switching to classic template, using the [row] and [column] shortcodes and removing titles in blog options (I'm writing the title inside the post content) solved the problems #1 / #2 / #3.

    However, I don't understand why but the text in blog content is in grey color (p, h1, h2, etc...) without any reason.

    And if you have a solution to set the image size to container (and avoid using columns), it would be better.

    That leaves then questions 4, 5 and 6.

    Thanks

  • [deleted] replied

    Hi BenZorg,

    Sorry for the delay. 

    I am glad that you have managed to solve 1,2 and 3. I have checked your site and saw that in blog posts you are using WPBakery shortcodes so I have enabled WPBakery builder to show in posts as well to simplify your work (this is related to question 6):


    (view large version)

    And my answers to your questions are here:

    4. Can I see which loading text because I am not sure for which one you are talking about?

    5. I fixed this by adding the code to disable "portfolio" post type archive page because Projets page that you have created is already using "portfolio" slug:


    (view large version)

    Menu item highlighted:


    (view large version)

    6. Sure thats just fine!

    The reason why text is shown gray is this CSS rule:

    .blog-posts .post-item .post-details .post-excerpt {
        color: #898989;
    }

    You can change this to your own prefered color and save it in Custom CSS.

  •  1
    BenZorg replied

    Thank you for your reply.

    Here is a screenshot with the loading text.

    I don't understand why you said something about a 'projets' page because it's only the name I've given to the portfolio tab in the menu but what you did made it work so it's ok.

    You created a "Test" page and linked the blog to this page in the settings. Do I need to keep that setting ? Or can I delete this page and restore as it was (homepage showing blog posts) ?

    About the text color, ok for the CSS. But do you know a CSS that order the text color to be like it should appear when I edit with WPBakery ? 

    Thanks a lot

  •  1
    BenZorg replied

    Oh and I just discovered that the "Portfolio" tab in the admin panel disappeared so I can't edit portfolio items or add new one.


    Can i now delete "Advanced excerpt" plugin that you installed ? 


  •  1
    BenZorg replied

    Ok since I had to work on portfolio items this morning, I've disabled the code you added in functions (the disabled portfolio) and the menu item is still underlined so it works fine now !

    Maybe it has to do with the update of theme I did this morning (2.6.1) ?

    Anyway, don't bother about question 5 anymore. And removing this code got back the portfolio tab in the menu

    To summerize : 

    - Can I now delete "Advanced excerpt" plugin that you installed ? 

    - Screenshot in previous reply about loading text

    - You created a "Test" page and linked the blog to this page in the settings. Do I need to keep that setting ? Or can I delete this page and restore as it was (homepage showing blog posts) ?

    - About the text color, ok for the CSS. But do you know a CSS that order the text color to be like it should appear when I edit with WPBakery ? 

  • [deleted] replied

    Hi BenZorg,

    Thanks for your explanation, here are my answers:

    1. Yes you can delete the "Advanced excerpt" plugin as it is not needed now.

    2. After adding this Custom CSS:

    #blog-posts-main .loading-posts {
    display: none !important;
    }
    3. Sorry I forgot to delete that, I was testing and I after I finished testings I forgot to go back to remove the test page so you can delete it.

    4. The colors that you add from editor will be reflected on your page as well:


    (view large image)

    The last post seems not to be properly formatted so I suggest you to edit the structure of post with WPBakery to appear it properly on page as well:


    (view large image)

    I hope this will help you.

  •  1
    BenZorg replied

    Ok thank you for your answers ! 

    Everything is fine now  !

    Just to tell you I've discovered a bug : if you have multiple pages in your portfolio main page, the link at the bottom (page 2, etc...) gives a 404. Not relevant for me since I want to show all items on a single page, so it was just to tell you !

    Thank you and see you

  •  1
    BenZorg replied

    Hello guys,

    I've discovered a new problem.

    When i look to the website with iphone 8 or iPad pro, the text in the thumbnails of the portfolio items (title and subtitle) are starting out of the thumbnail so a little part of the text is cut.

    Can you look into that ?

  • [deleted] replied

    Hi BenZorg,

    I have fixed the issue with 404 error by saving permalinks (http://lga.archi/wp-admin/options-permalink.php) because it will flush the rewrite rules and it always solves the problems with 404 error.

    As for the issue in smaller screens it is happening because of this CSS added in Custom CSS:


    (view large image)


    If you add this CSS:

    @media screen and (max-width: 768px) {
    .portfolio-holder .thumb .hover-state .info {
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    }
    }

    It will show properly:


    (view large image)

  •  1
    BenZorg replied

    Hi,

    thank you very much it works perfectly !

    I've managed to solve the problem by adding the code in the responsive tab and not the general style one. That solved it and now it works smoothly ! So thank you guys. I'm gonna rate the theme right away.


  • [deleted] replied

    Glad to hear those words

    Will mark this ticket as solved from here.

    Have a great day!