added shared buttons and icons; responsive colums.

This commit is contained in:
Fabiano 2018-05-29 10:51:22 -03:00
parent 0db9ba4500
commit c71cd7cc2e
5 changed files with 9 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 898 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -75,12 +75,15 @@
h3{
color: #000;
font-size: 14pt;
font-weight: 600;
font-weight: 800;
}
p {
color: #000;
font-size: 12pt;
}
.item-card-link--sharing{
margin-right: 0.5rem;
}
}
}
}

View File

@ -64,20 +64,20 @@
<section class="tainacan-content single-item-collection text-tundora">
<div class="single-item-collection--information justify-content-center">
<div class="row">
<div class="col-4">
<div class="col-12 col-md-4">
<div class="card border-0">
<div class="card-body bg-white border-0 pl-0 pt-0 pb-1">
<h3>Miniature</h3>
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID()) ?>" class="item-card--thumbnail mt-2">
</div>
</div>
<div class="card border-0 mt-3">
<div class="card border-0 my-3">
<div class="card-body bg-white border-0 pl-0 pt-0 pb-1">
<h3>Sharing</h3>
<div class="btn-group" role="group">
<a type="button" class="m-1"></a>
<a type="button" class="m-1"></a>
<a type="button" class="m-1"></a>
<a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/facebook-circle.png'; ?>" alt=""></a>
<a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/twitter-circle.png'; ?>" alt=""></a>
<a href="#" class="item-card-link--sharing"><img src="<?=get_template_directory_uri().'/assets/images/google-plus-circle.png'; ?>" alt=""></a>
</div>
</div>
</div>