Search Results for 'header'

Hi,

It can be done with a bit of css. It will cause the image to be cut off so another piece of code is required to adjust the image to the new height:
.td-post-template-6 .td-post-header{
height: 530px!important;
}
.td-post-template-6 .td-stretch-width{
transform: translate3d(-50%, -100px, 0px) scale(1.12, 1.12)!important;
}

In the translate3d part of the code you can see the -100 value. This controlls the vertical position of the image. you can adjust this to your preference.

I hope this helps.
Thank you!

Hello hedfox,

If you want do not have the twice image, please try to use another post template wich do not have featured image in content, like Header Style 5.

Hope this helps!

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you!

Hello Adam Niewiadomski,

Yes. All the demos have the same core theme (Car, Travel, Blog Classic, etc) and are meant to exemplify users how to use our theme. Our theme is optimised for Seo but you have to use SEO Yoast plugin for this, has the responsiveness layout and also support all kind of Google Ads and Adsense, as you can see in our documentation here -> https://forum.tagdiv.com/header-ad/ For more information about our theme functionalities, please consult our documentation here -> https://forum.tagdiv.com/wordpress-information/

Hope this helps!

Thank you for the message!

Hello Harrison,

I have checked the both websites and I have noticed that is used header style 10. This kind of template uses the full logo for displaying and there is no restriction for your logo size. For a better result, you should have a high dimension for your image logo. If you want to increase the size of this you have to do it using a bit of CSS. If you want to have the same dimension to your logo as in the other site, you have to use the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-logo {
width: 472px;
height: 86px;
}

The result you should see here -> http://screencast.com/t/8IFG1DDeDJ

If you want to have a good design for your logo, you should load an high logo image with these dimensions by default, without using CSS code to increase the size of them.

If you want to do some HTML changes for this template, you have to do them in heaser-style-10.php file, like this -> http://screencast.com/t/lio9I7aoFS

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello Javier,

Please try the code below and add it in Theme panel->Custom CSS area.

.td-header-wrap .td-affix .sf-menu > li > a {
color:#bed600!important;
}

The result you should see here -> http://screencast.com/t/3aBRl9SQzdN

Thank you for the message!

Hello Nicolai,

If you want your row to be transparent you will get the white box as there is a container underneath it with a white background (the main page wrap): http://screencast.com/t/ScR33wJO2Yx
In order for the background image of the page to be visible through the container, you will need to create a gap in the container.
This will require some css tricks to work. You can use this code:

.home .td-main-page-wrap{
position:relative;
top:530px!important;
}
.td-travel .td-travel-header{
height:0!important;
opacity: 0!important;
}

I think this is the result you are looking for: http://screencast.com/t/jvyjjHhbM
I hope this helps.
Thank you!

Hello,
The css must be done on every site in particular as not all the logos have the same dimensions and not all users have the same plugins which might overwrite some of the css. So if you require a css code for a modification, please point out your website and make sure you have the specific header style selected as it will need to be customized ‘on the spot’.
Thank you!

Hello nicolai,

1)Am facut mai multe teste si intr-adevar este un mini bug cu header style-ul 8. Va rog sa folositi codul CSS de mai jos pentru a regla dimensiunea logo-ului pe bara sticky.

@media (min-width:768px){
.td-header-style-8 .td-affix .td-header-sp-logo img {
width:158px!important;
}
}

Rezultatul se poate vedea aici -> http://screencast.com/t/Sd6ZuX0kx

Am trecut aceasta problema pe lista noastra de revizuiri si vom tine cont de ea in viitoarele update-uri.

2)Pentru tipul de meniu din header style 12, culoarea care o veti seta in sectiunea ACTIV&HOVER din Theme panel se va aplica doar pentru efectul de Hover de pe link-urile din meniu si nu pe meniul in sine ->asa este conceput acest stil de meniu -> http://screencast.com/t/LEhK2wEJv2Wl
Daca doriti sa schimbati acel efect de pe meniul principal, trebuie sa folositi un pic de CSS pentru a schimba culoarea.

Codul este ->

.td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a {
background-color: rgb(227, 27, 27) !important;
}

Rezultatul se poate vedea aici -> http://screencast.com/t/wyPXtnMz9ct

Multumesc pentru mesaj si o zi frumoasa in continuare!

Hi,

There are 2 ways to go about this. The first one is an option in the theme panel: http://screencast.com/t/Tjfb9HB4y where the menu will ‘snap’ on the top of the screen on scroll up but on ly on mobile.
If you want the menu to be always sticky, you can use the code above but on header style 8 it needs an !important attribute to work:
@media(min-width:767px){
.td-affix{
display:none!important;
}
}

Thank you!

Hi,

In order to shrink the logo container you will need to play with these 2 values until they fit your logo size:
.td-header-style-9 .td-logo-wrap-full {
min-height: 50px!important;
line-height: 70px!important;
}.

Thank you!