Since I've got a team of three and will be on top of the page I need to add a second image next to my thumbnail so that it looks balanced. I've tried a couple things. Putting a larger "double" image there (as shown now) gets a single image frame around them and it doesn't match the two team members photos on one row below.
Is there a way to add second image on that row somewhere in visual editor on that page's template? Other solutions I'm not seeing?
Thanks for any tip you can offer! I'm still adjusting to designing a site using your amazing Visual Composer. I know that there is an Add Element button but I"m not seeing how to enter it into the Team profile.
This would be a bit tricky to create such layout. Please try the steps below:
1. Firstly, you would need to remove the featured image (thumbnail) out of your profile so the Team element will not display the thumbnail.
2. Add a two-columns row right above your Team element. Then add two Image elements into the columns. Now select your thumbnails for these two Image elements and make sure to set the "Has link" attribute as "Yes" so you can enter the custom URL linking to your profile. Screenshot: http://cl.ly/image/071L3z3M122R
3. Click a pencil icon of the top row element (screenshot: http://cl.ly/image/1e3l3j192r1J ) to open the edit window then enter "no-margin-bottom" into the input field. It is the CSS class for removing the bottom margin of the row.
4. Make sure that the row containing the Team element is full-width (one column).
I knew there was a reasonable way to do it yet haven't begun thinking intuitively in Visual Composer yet. This is exactly what I needed. Easy peasy. :)
Hi Allison,
This would be a bit tricky to create such layout. Please try the steps below:
1. Firstly, you would need to remove the featured image (thumbnail) out of your profile so the Team element will not display the thumbnail.
2. Add a two-columns row right above your Team element. Then add two Image elements into the columns. Now select your thumbnails for these two Image elements and make sure to set the "Has link" attribute as "Yes" so you can enter the custom URL linking to your profile. Screenshot: http://cl.ly/image/071L3z3M122R
3. Click a pencil icon of the top row element (screenshot: http://cl.ly/image/1e3l3j192r1J ) to open the edit window then enter "no-margin-bottom" into the input field. It is the CSS class for removing the bottom margin of the row.
4. Make sure that the row containing the Team element is full-width (one column).
5. Done. Now you would get the layout you want. Screenshot: http://cl.ly/image/3K1w3S0i1T0a
Hope this helps!
Cheers,
Paul
Paul, THANK YOU, Thank You, thank you!
I knew there was a reasonable way to do it yet haven't begun thinking intuitively in Visual Composer yet. This is exactly what I needed. Easy peasy. :)