Search Results for 'header'

Block header template 6 was used because it would be easier to customize it like this. You can use a code like this to set a background image of your choosing for it
– https://www.screencast.com/t/hb383i2M
This is the code, use the image you wish in it then enter it in Theme panel->Custom CSS

.td_block_template_6 .td-block-title {
text-align: center;
background: url("https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
}
.td_block_template_6 .td-block-title:before {
display: none;
}

Try this code instead of that one, remove the previous one and enter this one

.td-header-main-menu .sf-menu > .current-menu-item {
z-index: -1!important;
}

Let me know the results.

Hi,

In our theme the login is displayed in the top bar, like this
– https://forum.tagdiv.com/login-how-to-enable-user-registration/
At the moment there is no setting to display it in the main header menu. There will be a modal widow that opens, in which users can login or register. The base functionality is the WordPress default, theme only ads some styling.

Thanks

Hi,

That would not be possible unfortunately, those buttons belong to the page content. So they will only be displayed in the respective page.
In the header section menus can be set in the top bar or main menu. So two menus are possible.

Thanks

Hi,

There are size requirements for most header styles, but header styles 9, 10 and 11 do not have a requirement, you can set any size you want as logo. An example would be this demo that uses header style 10 and a big logo
– https://demo.tagdiv.com/newspaper_cars/
Simply make sure you upload the desired logo in full size
– https://www.screencast.com/t/graHsimAEo
– https://www.screencast.com/t/E0hQhKRetA

Thanks

Hi,

A general width settings does not exist in the theme, if you want full width results on pages you can use full grids, there are 10 grid types
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or you can stretch rows
– https://www.screencast.com/t/wiMV4qXJ3J
Note that if you have a background image or color set, the website will be boxed
– https://forum.tagdiv.com/background-introduction/
Header and footer sections can be stretched as well
– https://www.screencast.com/t/XKlewIWHYf4

Thanks

All the header styles have a white background by default, set here
– https://www.screencast.com/t/O4vBz904YPl
The top menu black background color is set here (in the plugin not theme)
– https://www.screencast.com/t/QEHlSCbf50
The black color of the menu items is set here
– https://www.screencast.com/t/QyjfkWMXZI
The hover color or line displayed below the menu items when hovered is here
– https://www.screencast.com/t/8NQxEFtsNx
Let me know if you need more help with this.

You could install the demo and then simply replace the image used by it with your own. Or you could set the image without installing the demo.
Because you are using multiple block header styles this will require a code for each block template used, a general one will not work. For example the crafts demo uses block header template 6 and a general code for all the title backgrounds, it is easier that way.

Hi,

The header has options to set a top bar (containing a menu, socials etc) a main header menu, a logo and a banner (advertisement). There are multiple header styles to choose from, each with a different design
– https://forum.tagdiv.com/header-styles/
– https://forum.tagdiv.com/logo-favicon/
If these are not sufficient for you, and you want to do something in addition please provide some more details and I will try to help you if possible. It may require modifications to the header template files of the theme.

Thanks

Hello,

Please use this guide for the first issue: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/

for the second issue please change the global headers template: https://www.screencast.com/t/6qZEBwMm5o

Thank you!

Hi,

Indeed some settings are only available with the tagDiv composer. The background title is not available in Visual composer unfortunately. You could use the general headers background color setting (ant text if needed), it will apply to block titles as well
– https://www.screencast.com/t/ye6h8COhg

Thanks

Hello,

As a temporary solution please use this css code in your theme panel-> custom css box:


@media(min-width:767px)and (max-width:1460px){
.td-header-menu-social{
position:relative!important;
margin-left:auto!important;
margin-right:auto!important;
display:table;
}}
@media(max-width:1620px){
.td-header-style-10 .td-affix .td-main-menu-logo{
position:relative!important;;
}

We will fix this in the future theme update.

Thanks

Hello,

Please add this css code in your theme panel-> custom css box:

@media (min-width: 768px){
.td-header-style-5 .td-affix .td-main-menu-logo img, .td-header-style-6 .td-affix .td-main-menu-logo img, .td-header-style-12 .td-affix .td-main-menu-logo img {
top: 9px;
}
}

Thank you!