Joomla Templates Club 406,261 posts

[brusamolino Friend brusamolinoJoin date: January 2009Posts: 273Downloads:75Uploads:70 Thanks: 56 Thanked: 10 times in 2 posts]

#204259

HI
can you tell me how can i have the same header in events (logo+banner) like i have in blog?

Thanks
Luca

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561268

Hi Luca,

Open events.php file at ja/templates/ja_teline_v/tpls/events.php then replace line 34

from

<?php $this->loadBlock('header-events') ?>

to

<?php $this->loadBlock('header-clean') ?>

Next, create a new custom.css file if it does not exist at ja/templates/ja_teline_v/css/custom.css then add

.layout-events .t3-header {
padding-top: 48px;
padding-bottom: 48px;
background: #111111
}

Thanks

[brusamolino Friend brusamolinoJoin date: January 2009Posts: 273Downloads:75Uploads:70 Thanks: 56 Thanked: 10 times in 2 posts]

#561269

Thanks but i’ve two problem to resolve

One is the height of background color and one is the width of the header (logo+banner)… is smaller than in blog section

Please see file in attach

can you help me?

---

Attachments:

1. 

[brusamolino Friend brusamolinoJoin date: January 2009Posts: 273Downloads:75Uploads:70 Thanks: 56 Thanked: 10 times in 2 posts]

#561429

can you help me?

thanks luca

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561613

Hi Luca

<blockquote>One is the height of background color and one is the width of the header (logo+banner)… is smaller than in blog section</blockquote>

Not too much, but you can solve this case by opening custom.css then add

.layout-events .t3-mainbody {
background: #fff
background: transparent;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
margin-top: -24px;
padding-top: 0;
padding-bottom: 0;
z-index: 2;
background: #fff
}

.layout-events .t3-header {
padding-top: 48px;
padding-bottom: 48px;
background: #111111
z-index: 4;
}
.layout-events .t3-header .row {
margin: 0 -20px 0 -20px !important;
} @media screen and (min-width: 480px) {
.layout-events .t3-header {
padding-top: 48px;
padding-bottom: 72px !important;
}
}

Before:

http://take.ms/iXikM

After:

1 user says Thank You to phong nam for this useful post

1. brusamolino

[brusamolino Friend brusamolinoJoin date: January 2009Posts: 273Downloads:75Uploads:70 Thanks: 56 Thanked: 10 times in 2 posts]

#561621

great!
thanks Luca

[Author]

Posts