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

Header Banner title

This commit is contained in:
Fabiano Alencar 2018-06-12 13:33:18 -03:00
parent 32bdabccef
commit 8d951c7219
4 changed files with 41 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
.t-collection--background-title{
/* .t-collection--background-title{
position: absolute;
width: 100%;
transform: translate3d(0, -100%, 0);
@ -11,7 +11,7 @@
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.71) 71%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.51) 51%, rgba(0,0,0,0.71) 71%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
} */
.t-collection--info {
.t-collection--info-img {
max-width: 160px;

29
src/assets/scss/style.scss
View File

@ -110,7 +110,7 @@ form{
padding: 0;
border: 0;
display: flex;
align-items: center;
align-items: flex-end;
&.header-filter {
position: relative;
&:after, &:before {
@ -161,6 +161,33 @@ form{
&.page-height{
height: 400px;
}
.title-header{
display: inline-block;
min-height: 100px;
opacity: 0.6;
padding: 1.5rem;
@media only screen and (min-width: 992px){
min-width: 450px;
padding-left: 4.166667rem;
}
@media only screen and (max-width: 768px){
padding: 0.7rem;
padding-top: 1rem;
}
h1{
color: #000;
font-size: 3rem;
font-weight: 600;
@media only screen and (max-width: 768px){
font-size: 1.5rem;
}
}
span{
color: #000;
font-size: 1.5rem;
font-weight: 300;
}
}
}
.tainacan-title{

2
src/tainacan/header-collection.php
View File

@ -10,7 +10,7 @@
*/
?>
<div class="t-collection--background-title"></div>
<!-- <div class="t-collection--background-title"></div> -->
<div class="container-fluid">
<div class="row t-collection--info ml-sm-5">
<div class="col pr-0">

11
src/template-parts/bannerHeader.php
View File

@ -12,4 +12,13 @@
</div>
</form>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>></div>
<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
<div class="container-fluid p-0 mb-5">
<div class="bg-white title-header">
<h1 class="mb-0">
<?php if(is_home())?> Blog <?php bloginfo('title');?>
</h1>
<?php if(is_home())?> <span><?php bloginfo('description');?></span>
</div>
</div>
</div>