Creating a Team section within the About Us Page

MikeHacine
New Member
3 0 0

Hi, 

I am trying to create a team section within my About us page. I tried to create blocks with rich text but when displayed the images of the team members are one on top of the other plus I need 4 by row.

Can anyone help please; below here is my code and the outcome.

Thanks, everyone.

team.jpg

============================================

<p>{{section.settings.description}}</p>
<style>
  .team{
background: rgba(0,0,0,.04);
padding: 6em 0em;
color: rgba(255,255,255,.7);
}
 
</style>
 
<p></p>
 
{%for block in section.blocks %}
 
<div style="team">  
  <div><img   class="team" 
   src="{{block.settings.image | img_url:'master' }}"/>
  
  
 
  
     <p>{{block.settings.Teamimage}}</p> 
</div>
 
{%endfor%}
 
 
 
 
 
 
{% schema %}
  {
    "name": "image with text above",
    "settings": [
{
    "type": "richtext",
"label": "discription",
"id": "description" 
}
],
"blocks":  [
{
"type": "image",
"name": "image block",
"settings": [
{
"type": "image_picker",
"label": "your image",
"id": "image"
},
                            {
                            "type": "richtext",
                            "label": "Team image",
                            "id": "Teamimage" 
                            }
 
 
 
 
    ]
}
],
 
 
 
 
"presets":  [
{
"category": "text",
"name": "image with text above"
              }
]
 
}
 
{% endschema %}
 
{% stylesheet %}
{% endstylesheet %}
 
{% javascript %}
{% endjavascript %}

==================================================================

0 Likes