Search Results for 'header'

Hello willysawa,

In order to achieve as you wish on the category page, you have to set the modules on this page from Theme panel-Categories section, like this -> http://screencast.com/t/erI1PMRdsq and for header section, please try the code below and add it in Theme panel-Custom CSS area. You have to target each category by ID, like this http://screencast.com/t/kdlMdPZW9Gy3 -> http://screencast.com/t/MWkuXH5cQEnt

.category-6 .td-header-wrap {
display:none;
}

Above I gave you an example for a single random category with ID=6. You have to implement this on your website and find the category ID for each category like this -> http://screencast.com/t/pEr6PZeflN

For more details about category, please check our documentation here -> https://forum.tagdiv.com/how-category-settings-work/

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,

Unfortunately everything you want done has to be hard-coded as there are no options to customize the header elements.
You can use css to do it on some extent.
You can change the color of the top menu in the theme panel: http://screencast.com/t/8kihBablNWXk
Then you can use this css to make it thicker:
.td-header-style-10 .td-header-top-menu-full{
height:50px!important;
}
.td-header-sp-top-menu{
line-height: 45px!important;
}
You can place the code in the theme panl -> custom css box.
For the gradient, you can use any image you want by setting a css background image:
.td-header-sp-logo{
background-image: url("http://i.huffpost.com/gen/2125210/images/o-EYES-facebook.jpg");
background-size:100%;
background-position-y: -400px!important;
}

You can change the url in the code to the url of your preferred image.
If you want a simple gradient you can use this code:
.td-header-sp-logo{
background: linear-gradient(lightblue, grey);
}
You can leave the bottom part as it is as the default is white background with black letters.
The final result will be like so:

with image: http://screencast.com/t/czZch5dwP
with gradient: http://screencast.com/t/qmNJb2sgC3BL

Thank you!

Hello amd4ever,

1) If you want to remove the space between these blocks (18->15), you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.

.td_block_18 {
padding-bottom: 0px;
}
.td_block_18 .td_module_mx8 {
padding-bottom: 5px;
}

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

2)I have checked you website and I saw you have a crumb-container without breadcrumbs. Below I gave you a CSS code and I decrease the margin-bottom of this container and the result you should see here -> http://screencast.com/t/DMWuxsZEHkAP

The code is ->
.td-category-header .td-crumb-container {
margin-bottom: 0px;
}

And, if you want to have a smaller space between category and header menu, you have to hide this container with a bit of CSS and increase the padding-top of the category container and the result you should see here -> http://screencast.com/t/PuJpE6Z1

.td-category-header .td-crumb-container {
display:none;
}
.td-category-header{
padding-top: 10px;
}

3) Please try the code below. You can adjust the values until you obtain as you wish.

.td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header {
margin-bottom: 10px;
}

The result -> http://screencast.com/t/wOiTvZCpf

4)If you want to change the background-color for your all site area, please try the code below.

.td-pb-row, .type-post, .td-main-content-wrap, .td-category-header {
background-color:#743636;
}

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

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details. Screenshots will be more useful.

Thank you for the message!

Hello aabuday,

It is possible to achieve what you want if you use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this ->

The code is ->

.td-header-header {
padding-bottom:10px;
border-bottom:2px solid rgba(227, 137, 176, 0.7);
}

Also, you can adjust the values until you achieve as you wish.

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

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details and the exact place where you want to do changes (the screenshot could be more useful for my understanding) so I will be able to provide a more accurate response.

Thank you for the message!

Hello,

Please note that speedbooster does not automatically move ALL render blocks to the footer. You will have to manually move a few of them: See part 5 of this tutorial: http://www.alltomtrav.info/dev/daniel-reden-infor-v75-pa-gavletravet-2/
Be careful though as some render blocks need to stay in the header for them to work. You will have to know what you are doing otherwise you could cause more problems than you fix.

Thank you!

Hello,
Unfortunately the theme only allows one main header menu. You can add as many elements to it as you want. If you require 2 of them, then you will need to find a plugin that has such an option.
Thank you!

Hello greenonion,

1) Please consult this topic because here you can find the answer for your first request.

2)If you want to increase the height of the header, please try the code below and add it in Theme panel->Custom CSS area.
.td-header-header {
height:250px!important;
}

The result -> http://screencast.com/t/3EAEQdIfuWO

For more information about header styles, please consult our documentation here -> https://forum.tagdiv.com/newsmag-header-styles/

3)There si an option for it in Theme panel->Theme colors like this -> http://screencast.com/t/0pAnQyFgsyu

Hope this helps!

Thank you for your message!

Hello,

1) You can remove the search from the menu either with css or by removing it from the theme files.
css:
.header-search-wrap{
display:none!important
}

from the files: http://screencast.com/t/X6DjcpVf

2)You can select the ad size you want for every screen size from the theme
panel:http://screencast.com/t/AnJ59mR8S

3)The best solution is to use an ad manager (plugin) which is inserted into ad spots and has if/then checks to exclude category by ID, skip placement as part of post page, etc. (The theme has no option for it)

Thank you!

Hello,

You can use the same method for IE as you did on firefox:
.ie11 .td-header-sp-logo img{
width: 100% !important;
}

Thank you

Hello,

You can probably do that with a background image set to the container but responsiveness wil be a problem. The site you pointed out is not responsive so you cannot see it.
If you use the default header style you can use this code :

.td-header-header{
background-image: url("http://i.huffpost.com/gen/2125210/images/o-EYES-facebook.jpg");
background-size:100%;
background-position-y: -200px!important;
}
result: http://screencast.com/t/nrZz2XyCRxS7

The main problem will be responsiveness. It will require further adjustments for every viewport: tablet landscape, tablet portrait and mobile phones

Thank you!