Search Results for 'header'

Hi,

You can increase the height of the container if your image supports it:
.td-post-template-7 .td-post-header{
height:900px;
}

Thank you!

Hello au-emergence,

Do you want to remove that borders effect which is above the menu items? Please notice that each header style has an own design and style and if you do not like this one, you should change it to another which does not have this style. Also, if you like this but you do not like that border, you should provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for your understanding!

Hi,

Simply select the Filter by categories, and all your categories will be displayed, starting from the block title position
– https://www.screencast.com/t/e1lSQ2PGEwc
Specific categories can be shown by filtering them by ID
– https://www.screencast.com/t/2bDU4mbTE
Please make sure the categories have posts in them, in order to be displayed in the filter.
There are block header templates that display the categories differently by default, like these ones
– https://demo.tagdiv.com/newspaper/block-header-8/
– https://demo.tagdiv.com/newspaper/block-header-14/
– https://demo.tagdiv.com/newspaper/block-header-15/

Thanks

Hello Niklas,

I guess that you have made some changes in your backend and notice that should not be done, sorry! Try to disable all of the untested plugins, leave just to active only the plugins that come bundled with the theme core files and check the results. Notice that I have made some tests on my website and the Stretch header seems to work as expected, without any problem, anytime.
If the problem is still there, you should send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect it closer your setup page. Provide there the link to this topic so we can quickly identify you.

Thanks for your understanding!

Hi,

The theme is compatible with both Apache and Nginx
– https://forum.tagdiv.com/requirements-for-newspaper/
Regarding the white space, there seems to be a custom ad inserted in the top section of the page, where the header ad would be
– https://www.screencast.com/t/L7IHY0iCBX
This ad is not loading but the space is reserved. Either check if the ad code is valid and working, or remove it.

Thanks

Hi,

You can simply edit the page with the composer and change the block template header style, to the one you want for each block on the page
– https://www.screencast.com/t/3R8S16sWrc
Here you can see all the available block header styles
– https://demo.tagdiv.com/newspaper/block-header-1/
Also more useful information about the block settings and options here
– https://forum.tagdiv.com/block-settings-tutorial/
Please let us know if you need further help.

Thanks

Hello ancuez,

Please notice that our theme does not have any such an option that allows you to add some advertisements in that way, sorry! We have an option in Theme Panel, named Article Inline Ad which can be used only for Posts pages, like this -> https://www.screencast.com/t/MikCOzQ3V For more information about this, please check here -> https://forum.tagdiv.com/header-ads-adsense/

Hope this helps!

Thanks for the message!

Hi,

1. If you use Header style 6 try it like this
– https://www.screencast.com/t/jNclJUZU8zoE
There will be a border bottom for the main menu, a border top for the top menu and a border bottom of the same top menu. The color can be what you want, simply change it in the code and then enter it in Theme panel->Custom CSS section

.td-header-style-6 .td-header-menu-wrap-full{
border-bottom: 5px solid red;
}
.td-header-style-6 .td-header-top-menu-full {
border-bottom: 1px solid red;
border-top: 3px solid red;
}
.td-header-style-6 .sf-menu > li > a {
line-height: 75px;
}

Please let me know if you have further questions, or something needs modifying.

2. So instead of the arrow you would like to use the hamburger icon
– https://www.screencast.com/t/xyJ2ejKW
You will have to modify the default icon font, and replace it with that one, in the theme stylesheet
By default it is like this
– https://www.screencast.com/t/8SiiPSlVX
Change it like this
– https://www.screencast.com/t/Kxi4nb452yTP
With this result
– https://www.screencast.com/t/lwJPtJ2qe

3. The socials are displayed in the top bar, not in the main menu. In the main menu you could use custom links with Font awesome icons for example, linking to where you want
– https://www.screencast.com/t/BWnugJ6N
– https://www.screencast.com/t/LgtiYueA6EVc
– https://www.screencast.com/t/BnT4bJHy3Fi
The result is like this
– https://www.screencast.com/t/QAypIroMUQ
More information here
– https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thanks

Hi,

There is no page or post template at the moment that does not display the header and footer. These elements are meant to appear on the whole website, meaning pages, posts category pages etc.
The only way is to hide them like shown, that would be the easiest if this is required.

Thanks

Hi,

If you mean the post sharing in the post page, that can be disabled in the theme panel
– https://forum.tagdiv.com/sharing/
The socials displayed in the header and footer can be disabled like this
– https://forum.tagdiv.com/top-bar-templates/
– https://www.screencast.com/t/goLzT0zL2
Or the accounts can be removed from the Social networks settings
– https://www.screencast.com/t/sMnYDm3kYEm7

Thanks

Hi,

Try this instead, it will remove the footer and sub-footer as well
– https://www.screencast.com/t/WFQoZxYBQfj

.postid-18145 .td-header-wrap,
.postid-18145 .entry-crumbs,
.postid-18145 .td-footer-wrapper,
.postid-18145 .td-sub-footer-container{
display: none;
}

Thanks

Hi,

1. This code will remove the background when the social menu items are hovered

#td-header-menu .menu-item-824 a:hover,
#td-header-menu .menu-item-825 a:hover,
#td-header-menu .menu-item-826 a:hover{
background-color: transparent;
}

You could color the icons when hovered if you want, by adding this to the code
– https://www.screencast.com/t/AuOxxhKi
Use any color you want in the code.

2. The header search icon color could be changed like this
– https://www.screencast.com/t/xdgFNnwZ

.td-header-wrap .header-search-wrap .td-icon-search {
color: green;
}

3. For that specific element there is no theme font setting. You could change the font properties with CSS if you want to
– https://www.screencast.com/t/oonTVYHjEuML
Use the properties you want in the code

.header-search-wrap .result-msg {
font-size: 20px;
font-style: normal;
}

4. The category tag can be removed for all the modules in particular
– https://forum.tagdiv.com/category-tag-on-modulesblocks/

Thanks

Hello okajones,

First of all, please check our useful manual regarding on Ads here -> https://forum.tagdiv.com/newsmag-header-ads/ if you want to achieve good results. Please notice that there you will find all the steps which you have to follow in order to achieve good results regarding on Ads.

Thanks for the message!

Hi,

The easiest way would be to use some custom code to hide the header on specific posts, since there is no theme option for something like this.
A code like this for example, based on post ID that will hide the header and the breadcrumbs just for that specific post page
– https://www.screencast.com/t/8uNEYNhyt

.postid-18145 .td-header-wrap,
.postid-18145 .entry-crumbs{
display: none;
}

Use the post Id for the post you want in the code, then enter it in Theme panel->Custom CSS. The post Id can be found in multiple ways, when editing the post for example
– https://www.screencast.com/t/76WVEb2PZZ

Thanks

Hi,

1. Please check the line height settings for the menu items and increase the value if necessary in the theme panel
– https://www.screencast.com/t/QyhnOr3BOxh
Also if you have custom code targeting the header, or made other modifications to the header check those as well.

2. That is a padding top set by the theme. You could remove it with a code like this, in general
– https://www.screencast.com/t/h345SZ6WZ5v

.td-main-page-wrap {
padding-top: 0;
}

Or maybe by page ID (this can be identified with the browser inspector for example)
– https://www.screencast.com/t/2ck6LgpNDag
Enter the code in Theme panel->Custom CSS section.

3. There is an option in the theme panel that allows you to change the top menu background color
– https://www.screencast.com/t/e2EXgiPbOqE
Change the color there and it will have to be displayed. Clear any caching installed after making the modification.

Thanks

Hello,

Our theme cannot go full screen width. It has a fixed width of 1078 px for the main content. On pages you can use a stretch row option from the row settings and you can force the header and footer to be full width from the theme panel: https://www.screencast.com/t/4gBGF2cG9c2q
You will not be able to make the post, categories and other templates full width though.

Thanks.