Search Results for 'header'

Hello !

In order to change the theme colors you will have to go into Theme Panel – Theme Colors – Header. https://www.screencast.com/t/ajLnNb9Ad

Thank you !

Hi,

If you want to show the ads only on some pages/posts you can use the header manager and set a header template with ads on pages/posts were you want to have ads and one without ads for the posts/pages were you do not want to have ads.

Thank you!

I agree that it may seem complicated, but it is not so difficult however. For example you can begin with a already made cloud header template, import it and modify it. Or begin with a blank header template and built it as you want – http://prntscr.com/nor4w4
– http://prntscr.com/nor55c

You can build it with the dedicated header builder elements – http://prntscr.com/nor62w
Once you add the elements you want to show on default mode, activate the sticky mode and add the same elements (if you want the same ones to be displayed when sticky)
– http://prntscr.com/nor6t8 – http://prntscr.com/nor6y7

This would be the solution. Other than this maybe it could be done with CSS, but that’s a strong maybe. It would be very difficult if even possible.

Hi,

In order to set the shadow for header to 50% please use this custom css
.td-header-gradient:before{
height: 6px;
background-position: center;
}

Thank you!

Hi,

You could try loading your own fonts in the theme panel and disable Google fonts in the theme, from what I can find online that might work. Or maybe load them in the theme header directly (with CSS font-face or import) and then apply them as well with CSS.

Here are some resources I found online, maybe they are helpful
– https://coffeencoding.com/load-google-fonts-5x-faster-in-wordpress/
– https://stackoverflow.com/questions/54277912/ensure-text-remains-visible-during-webfont-load-not-getting-resolved-in-google-p
– https://css-tricks.com/snippets/css/using-font-face/
– https://developers.google.com/web/updates/2016/02/font-display

Thanks

Hi,

You can try using the code below and place it in Theme panel -> Custom CSS area.

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

Thank you!

Hi,

Those screenshots work fine. Regarding the header question It is possible to choose what appears in the sticky header mode. You can use a cloud header template
– https://cloud.tagdiv.com/#/load/Headers
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/

Using such a header, you can design a header for normal mode, and one for sticky mode, with the tagDiv composer. Simply enable the sticky mode and add elements in it (for sticky mode)- http://prntscr.com/noamf6 –
So if you want the same elements to appear in default mode and sticky mode, you can do it in a cloud header template. With the predefined header templates it can’t be done by a theme setting.

The header background color when the mobile theme plugin is active, can be set in the mobile theme section of the theme panel – http://prntscr.com/noaqzn

Thanks

Hello !

Indeed ! Your page speed increased significantly.

I see that the issue still persists and after some more search i’ve found that your header crashes. Logo not loading and that is the main cause for your slow load: https://www.screencast.com/t/DecVXEgX0

Please try changing your logo or disable it. Maybe even try with a different header style.

If the problem persist please contact us via email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.

Thank you !

Hi,

For the search button you can try this custom css
https://www.screencast.com/t/8hInFaJZ
.td-header-wrap .td-drop-down-search .btn{
background-color: green;
color: yellow;
}
.td-header-wrap .td-drop-down-search .btn:hover {
background-color: pink;
color: black;
}

Thank you!

Hi,

If a general color is set in the theme panel the post title color will not change automatically, that color will always apply to all the post templates. But if it’s left on default it will change when needed – http://prntscr.com/no8na9

If you want to keep the general color from the theme panel, but change it only for templates 3, 7 and 8, you could use a code like this in the theme panel custom CSS section

.single_template_3 .post .td-post-header .entry-title,
.single_template_7 .post .td-post-header .entry-title,
.single_template_8 .post .td-post-header .entry-title {
color: green;
}

A setting to color the post title for each template doesn’t exist, you could try this suggestion.

Thanks

Hi,

If you want to reduce the above space from header ad you can use this custom add -> https://www.screencast.com/t/fs8MJH2QCr
.td-header-style-6 .td-header-sp-recs
{
margin-top: 0!important;
}
You need to set the code in Theme panel>Custom code>Custom css

Thank you!

Hello !

I pressume you mean to have a full width page. That you can achieve by using the tagDiv Composer, selecting the row you want to stretch and select the stretch method you want like here: https://www.screencast.com/t/yVyvk8yTQCCO And for the header you can do it here: https://www.screencast.com/t/xf56tQN0. In order to stretch post pages you will have to add a template from the cloud templates to it and then modify it.

Thank you !

Hi,

Thank you for your kind words and we are happy hearing this from you and we are glad if you are happy and like this tool. If you want to customize your Mobile Menu and Sticky, you need to enable this functionality from the Header Manage, like this -> https://www.screencast.com/t/mTUMbYoxED4y After you have enabled these options, it will appear the header ROW on sticky mode and for mobile devices and also, you can customize it as you wish.

Hope this helps!

Thank you!