tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Revised home collection

This commit is contained in:
Fabiano 2018-08-09 17:06:07 -03:00
parent ed2cf3c61b
commit edf29a1a8f
2 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/assets/scss/_home-collection.scss
View File

@ -37,24 +37,22 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
left: 0;
right: 20vw;
}
}
.t-collection--info-img, .image-placeholder {
width: 205px;
height: 205px;
max-width: 205px;
bottom: -6rem;
border-width: 2px !important;
bottom: 2rem;
border-width: 4px !important;
@media only screen and (max-width: 1024px){
width: 165px;
height: 165px;
max-width: 165px;
bottom: -5rem;
bottom: 4rem;
}
@media only screen and (max-width: 992px){
bottom: -4rem;
bottom: 7rem;
width: 123px;
height: 123px;
max-width: 123px;
@ -63,7 +61,13 @@
width: 95px;
height: 95px;
max-width: 95px;
bottom: -3rem;
bottom: 4rem;
}
@media only screen and (max-width: 360px){
width: 95px;
height: 95px;
max-width: 95px;
bottom: 8rem;
}
}
.t-collection--info-title {
@ -71,24 +75,20 @@
size: 24px;
weight: 700;
}
bottom: 2.8rem;
margin-top: 0.4rem;
@media only screen and (max-width: 767px){
font: {
size: 18px;
weight: 500;
}
bottom: 0.5rem;
}
@media only screen and (min-width: 768px){
bottom: 0.5rem;
}
}
.t-collection--info-description-text {
font: {
size: 12px;
size: 14px;
weight: 400;
}
margin-top: 1rem;
margin-bottom: 0;
@media only screen and (max-width: 576px){
font: {
size: 9px;

20
src/template-parts/headerCollection.php
View File

@ -12,14 +12,22 @@
?>
</h4>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
<div class="col-8 col-md-9 pl-0 t-collection--col-9">
<h2 class="mt-3 mt-md-0 t-collection--info-title text-white position-absolute"><?php tainacan_the_collection_name(); ?></h2>
</div>
<div class="col-4 col-md-3 px-0 t-collection--col-3"></div>
<div class="col-8 col-md-9 pl-0 t-collection--col-9">
<p class="text-white t-collection--info-description-text"><?php tainacan_the_collection_description(); ?></p>
<h2 class="t-collection--info-title text-white">
<?php tainacan_the_collection_name(); ?>
</h2>
<p class="text-white t-collection--info-description-text">
<?php
if(!wp_is_mobile()){
$words = 420;
}else {
$words = 80;
}
wp_trim_words( tainacan_the_collection_description(), $words, '...' ) ;
?>
</p>
</div>
</div>
</div>