Support » Plugin: Ultimate Blocks - Gutenberg Blocks Plugin » Team Members block for About page?

  • Resolved Adam

    (@ahardy42)


    Hi Guys,

    great set of blocks, especially the Content Toggle Panel which I’m using heavily.

    In fact I’m trying to keep the number of block libraries to a minimum since I had a bad experience with one, so I’d like to de-install all other Gutenberg block library plugins now except yours. The only problem with that plan is that you don’t have a Team Member block.

    It’s basically like the Testimonial block, except the text comes after the name & title. I guess I could use the Testimonial block as a work-around, but my team section on my About page comes straight after the testimonials section, and it would be best if they were different. The page I’ve linked to (my About) is still using a Team block from another library.

    Any recommendations?

    • This topic was modified 4 months, 2 weeks ago by Adam.
    • This topic was modified 4 months, 2 weeks ago by Adam.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Alexis Pandaan

    (@alexius08)

    Hi @ahardy42! We don’t yet have plans to introduce a separate Team Member block. However, rearranging the contents of the Testimonial block to make the name and title come before the text could be done with CSS and custom class names. Here’s how you can do it:

    1. Select the testimonial block that you want to rearrange.
    2. Look for Advanced > Additional CSS classes in the block inspector. Then, enter the custom class name you want for the testimonials you want to turn into team member blocks.
    3. Finally, paste the following into your custom CSS file and replace instances of “ub_team_member” with the class name you inputted.
      .ub_testimonial.ub_team_member .ub_testimonial_content {
      	grid-column-start: 2;
      	grid-row-start: 2;
      }
      .ub_testimonial.ub_team_member .ub_testimonial_sign {
      	grid-row-start: 1;
      	grid-column-start: 2;
      }
      
      @media (max-width: 480px) {
      	.ub_testimonial.ub_team_member {
      		display: flex;
      		flex-direction: column;
      	}
      	.ub_testimonial.ub_team_member .ub_testimonial_content {
      		order: 3;
      	}
      	.ub_testimonial.ub_team_member .ub_testimonial_sign {
      		order: 2;
      	}
      }

    Testimonial blocks with and without the custom class name will look similar in the editor, but the rearrangement should take effect on the frontend.

    Please let us know how it goes.

    Thread Starter Adam

    (@ahardy42)

    Hi Alexis, that’s pretty awesome, thanks for the styling lesson.

    That will be fine for the time being and hopefully you guys will create a special Team Member block.

    I think it’s cool that you offer a good, simple collection of blocks which work well but you don’t clutter up WP with a bunch of templates that no-one ever uses or drown the user with adverts for supposedly fantastic premium functionality.

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