Okay
  Public Ticket #2622154
Blog query
Closed

Comments

  •  6
    jakobwolfhagen started the conversation

    Hi,

    Part of my website consists of a blog and I want my page hierarchy and menu functionality to be like this:

    • All posts
      • Category A
      • Category B
      • Category C
      • etc...

    1) I've been able to achieve the "category pages" by creating a page, including the blog element and then using the "query blog" function to only show a specific category. But the design of the main blog page (All posts) and the category pages differs. At the main page there's this nice Kalium layout and design with a little icon next to the date for instance. But for the pages I've created by using "query blog" the layout and design is different (see screenshot). How can I achieve this technical solution while keeping a coherent style of all pages?

    2) Why is the text color of the post excerpt not coherent? At both pages the two first posts have different color than the rest.

    Thank you!

    Cheers, Jakob


    Screenshots:

    Main blog page

    Query category page

  •  1,558
    Laborator replied

    Hi Jakob,

    1. Unfortunately it's not possible to make it identical with all the icons and tags/categories as the Blog Post element does not have these features.

    2. Can you please provide the link for the two pages the default blog and the one you created, we have not noticed a change of style in the first post as you mention so I will need to check what is going on.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  6
    jakobwolfhagen replied

    Hi Art,

    Thank you for your reply.

    1. I see, is there another way to making the pages look the same?
    2. I tried to make my server running from my laptop go online, hope it works:
      1. Blog page - first two post excerpts have a brighter grey than the rest: http://83.248.23.125:8888/forandringen/
      2. Page with a query blog element - first two post excerpts have a darker gray than the rest: http://83.248.23.125:8888/bryta-sig-fri/
      3. Another page with a query blog element, only first post excerpt is darker: http://83.248.23.125:8888/starka-kanslor/

    Best, Jakob


  •  1,558
    Laborator replied

    Hi Jakob,

    1. Unfortunately it is more complicated as if it would have a code which I could give you to make them identical I would do that, so that is not possible at the moment.

    2. Try adding this CSS to Custom CSS:

    .blog-post-excerpt {
        color: #6b6b6b;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  6
    jakobwolfhagen replied
    1. I see, thank you for the info.
    2. I've added that line in my custom css but used #ff0000 so you can see the change. Some seems to get affected, and some not. By looking at the code it seems to me that some elements that aren't showing the correct color are missing the <p> in the HTML and the main page... Does this make it any clearer to you? 

    Thanks for your help.

    Best
    Jakob

  •  1,558
    Laborator replied

    Hi Jakob,

    2. The CSS which I gave you is to make the specific posts which were showing a darker text  color the same, it is not for all the post excerpts, it is only for the ones that were showing darker.

    The code that I provided will make them all the same.


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  6
    jakobwolfhagen replied

    Hi Art,

    It works for the pages where I've used the blog post element, but not on the main blog page: http://83.248.23.125:8888/forandringen/

    At the main blog page the grey text on the first two excepts are a bit lighter than the rest.

    Best,

    Jakob

  •  1,558
    Laborator replied

    Hi again,

    Add this CSS for the,:

    .blog-posts .post-item .post-details .post-excerpt {
        color: #6b6b6b !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  6
    jakobwolfhagen replied

    That seems to have done it, thank you for your help :)

    Cheers

    Jakob