#128733 Grid Testimonial and Post

Landing Forums JupiterX WordPress Theme Grid Testimonial and Post

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • kwamearthur86-19f3d1ab

    Hello guys,

    1. Please, How do i create a grid testimonial.
    2. Please how do i create  2 Column blog Post (Single Blog Page)

    I have attached a samples

    Amir Rather Support Team

    Hi There

    You can try https://documentation.zemez.io/wordpress/index.php?project=jetelements&lang=en&section=jetelements-modules#testimonials and disable the slide effect.

    2) You can either Edit each Blog Post with Elementor or use a Singe Blog Template and create this layout with Elementor https://themes.artbees.net/docs/creating-a-custom-blog-page/

    Regards

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Amir Rather Support Team

    You can either use this Testimonial item one in each column https://take.ms/qbal5 or the Jet Testimonial https://take.ms/1yJZ9 and add only one item per column again.

    If you need help get back with WP Login details I will create an example for you.

    Regards

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Amir Rather Support Team

    Hi There

    You have two options, one is to edit each Blog Post with Elmenetor and make two columns or go to Customize > Blog > Blog Single > Custom and make a Template again with two columns

    see https://themes.artbees.net/docs/creating-a-custom-blog-page/

    Regards

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Amir Rather Support Team

    Could you please send over your administrative WordPress access(in a private reply) so we can check?

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Mohsin Al-Rabieai Support Team

    Hi there,

    I personally recommend you to design your posts individually using Elementor one by one and add them with 2 columns inside. There is no ultimate solution to have a good look in all devices. There is of course a CSS fix for that, but it is not recommended at all.

    Anyway, if you wish to give it a try, add this CSS in Customizer -> Additional CSS:

    @media screen and (min-width: 768px) {
      .single .elementor-widget.elementor-widget-raven-post-content {
         column-count: 2;
       }
    }

    Then check your blog posts. It should show the content with 2 columns, however, all the content of your blog will go into two columns.

    Hope it helps 🙂

    Bests

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Mohsin Al-Rabieai Support Team

    You have copy/pasted the content from a Word document or another text editor. That’s why you can’t edit the fonts. Every paragraph has its own font family. You need to paste the content without the styles. https://www.wpbeginner.com/beginners-guide/how-to-copy-and-paste-into-wordpress/

    Bests

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Mohsin Al-Rabieai Support Team

    Oh I see. Please note that the post content styling will be customized through Customizer -> Blog -> Blog Single -> Styles -> Post Content. However, I should mention that if you imported the blog posts from somewhere else, it doesn’t mean they are issueless. In case the author of the previous blog was copy/pasting from a word document, it still has the font families assigned to each paragraph and there is a good possibility that if you set the font family through the Customizer settings, it still not work.

    Bests

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Mohsin Al-Rabieai Support Team

    Oh I see, thanks for the heads up. I just raised a bug report upon that. As a temporary workaround, please use this CSS fix:

    .jupiterx-post-content, .jupiterx-post-content h3, .jupiterx-post-content p, .jupiterx-post-content h1, .jupiterx-post-content h2, .jupiterx-post-content h4 , .raven-post-content, .raven-post-content h3, .raven-post-content p, .raven-post-content h1, .raven-post-content h2, .raven-post-content h4 {font-family: "railway";}

    Make sure to provide the font family in the end correctly.

    Bests

    Private
    kwamearthur86-19f3d1ab
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    I see that “Raleway” font is used on your blog posts now https://prnt.sc/1pkg63v .

    Have you fixed it?

    Also the comments form is shown https://prnt.sc/1pkgu4f .

    To show related posts, you can create a listing with JetEngine plugin and add Listing Grid element to your template. Check this article how to set up it properly:

    https://crocoblock.com/knowledge-base/articles/jetengine-listing-grid-widget-how-to-display-dynamically-related-posts-on-the-single-post-page-template/

     

    Regards.

    kwamearthur86-19f3d1ab

    Hello,

    The screenshot you shared, that particular post has manually been styled. I want to be automatic, not manual

    I am using the following to break my post into two columns

    @media screen and (min-width: 768px) { .single .elementor-widget.elementor-widget-raven-post-content { column-count: 2; } }

     

    But they are too close, how do I add some padding so tat the space in between the 2 column is increased

    Tatyana Hutsol Support Team

    Hello,

     

    Can you provide a direct post URL where the problem persists?

    Thank you.

    Regards.

    kwamearthur86-19f3d1ab

    The problem has been solved

    However how do I do the this

    I am using the following to break my post into two columns

    @media screen and (min-width: 768px) { .single .elementor-widget.elementor-widget-raven-post-content { column-count: 2; } }

    But they are too close, how do I add some padding so tat the space in between the 2 column is increased

    Tatyana Hutsol Support Team

    Hello,

     

    You can use this code to add some space between the columns:

    @media screen and (min-width: 768px) {
    .single .elementor-widget.elementor-widget-raven-post-content {
    column-gap: 40px;
    } }

     

    Thank you.

    Regards.

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