Search Results for 'header'

Hi,

Indeed, you have to activate the sticky mode and enter content in the sticky header
– http://prntscr.com/mn0hfi
This way you can add the elements you want, default header and sticky header can contain different elements.

Hi,

If you are using the header builder then you can change the fot for menu from Newspaper>theme panel>Theme fonts>Header – main menu -> https://www.screencast.com/t/jIoyyDyZyhfO -> https://www.screencast.com/t/1bhFht3W

If you are using the header builder -> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/ you can customize the font size from section style -> https://www.screencast.com/t/NeYlhsgqBn

Also for a search button in header you’ll need to use the header builder.

Thank you!

Hello,

You can place the code here: https://www.screencast.com/t/wFcCo0itt as it will get added to the header section.

Thank you!

Hi,

Please check the following documentation from here -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Thanks.

Hello,

In the new header manager, the sticky header can be handled separately than the normal header. It can have totally different content. Please select the sticky header using the header manager options:
https://tagdiv.com/header-main-menu-newspaper-theme/
https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Thank you!

Hi,

If you are using the header builder you can change that background color like this -> https://www.screencast.com/t/rb5EFVoH
If is not a header template for tagDiv Cloud Library you can change it only with custom css
-> https://www.screencast.com/t/xQZlNpiMUx
.td-business .td-header-style-1 .td-header-main-menu {
background: red;
}

Thank you.

Hello,

You need to have the latest theme version (9.5) and have the cloud library plugin active. Then, you can use the header manager like so: https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Thank you!

Try to override that max-height, this would be needed in order to display a bigger logo.
Enter this code in the custom CSS section of the theme panel

.td-header-style-8 .td-header-sp-logo img {
max-height: none!important;
}

Then the logo image will not have a max-height. Or instead of none, use a different. bigger max height value.

Hello,

I’m not sure I understand properly regarding the header. Please provide a more explicit description of what you are trying to achieve with the header. Do thse options not provide the needed style? https://www.screencast.com/t/nq1QLIFNl0LJ – and font settings: https://www.screencast.com/t/oBBNnCr0

In order to change a block width, please use this option: https://www.screencast.com/t/9ejfiGjP

Thank you!

Hi,

If you want to remove that grey border, you need to use the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.td-header-gradient:before{
display:none;
}

Also, if you want to create your own header, you need to use the Header Builder and begin to create it according to the following documentation from here -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Hope this helps!

Thanks for the message!

Hi,

This custom css should do the trick, please replace the above custom css for menu with this one, after that clear alll cache and try with other browsers too.
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990!important;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: black;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover, .sf-menu > li > a {
color: white!important;
}
.sf-menu ul .td-menu-item > a {
color: black!important;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #303030;
}
.td-header-style-10 .header-search-wrap .td-icon-search {
color: white;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search {
border-color: #e9e9e9;
border-width: 0 1px 1px;
border-style: solid;
box-shadow: none;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:before {
border-color: transparent transparent #009688;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:after {
top: -5px;
height: 5px;
background-color: #009688;
}
https://www.screencast.com/t/ybH4nFJN

Hope this will help you achieve what you need!
Thanks!

Hi,

Yes you can add ads to header using header builder -> https://tagdiv.com/header-main-menu-newspaper-theme/ you need to edit/build a header with tagDiv Composer for example you can drag a row to the to and set a ad box in it -> https://www.screencast.com/t/AuZqbZPaK -> https://www.screencast.com/t/maqEpXpaCt7p set a custom ad form theme panel -> https://www.screencast.com/t/sdzigkWSF -> https://www.screencast.com/t/SiAqUUBadw

Thank you!

Hi,

The most important thing is to make a backup before updating
– https://codex.wordpress.org/WordPress_Backups
Do it by your preferred method. having a backup is most recommend in case something wrong happens, or there are complications.

As for the update itself, the most recommended and reliable method is by FTP
– https://forum.tagdiv.com/how-to-update-the-theme-2/
The theme panel settings, ad codes, custom code are saved by the theme in the database for the purpose of not being lost after an update. So there should be no problem in this matter.

If you use a child theme be sure to check the list of modified files for each update, if there are files that have been modified in an update by us, serving the old files from a child theme may cause problems. For example in the latest update the header.php was one of the modified files
– https://tagdiv.com/td_deploy/Newspaper/changed_files_9.2.1_9.5.html
So serving the old file from the child theme may cause problems, there were some cases. You would need to copy the new file in the child theme and redo the modifications/additions that are needed. The same for other files that have been modified by us.

After you update, clear all caches, CDN if used.

Thanks

Hi,

So in the composer it is centered and in the actual website it is not, quite unusual. I could give you a CSS solution to center it – http://prntscr.com/mml7w3

Enter the code in the CSS section of the theme panel, check if it works

.td-g-rec-id-header {
max-width: 728px;
margin-left: auto;
margin-right: auto;
}

Thanks

Hi,

I could give you a code to increase the height of the logo, and make it display in the full size in which it is uploaded – http://prntscr.com/mmksv8

.td-header-style-3 .td-header-sp-logo img {
max-height: 120px;
}

The code can be entered in Theme panel custom code, CSS section.

Thanks