Search Results for 'header'

Hi,

All demos contain custom design and will import theme panel settings when installed. The Gadgets demo contains a customized version of header style 5. You can see how that header style looks by default here
– https://forum.tagdiv.com/header-styles/

That black hover color is coming from the demo. It is predefined in the demo stylesheet
– https://www.screencast.com/t/cAANl3sO53
So no theme panel setting will replace it. At the time the demo was created there were’t many theme panel color settings, so this was made with CSS in the demo stylesheet.

A solution would be to remove the customization the demo adds for the header elements. Then the theme panel colors will apply
– https://www.screencast.com/t/I5cip7b3HmMY

That would be the most recommended method to do this if you ant to keep using header style 5 with your own colors. Or you could change the header style, the customization of the demo applies only for style 5.

Thanks

Hi,

Generally the header styles that do not place the logo on the same line with the header ad, will display any ad size you want. You can see the header styles here
– https://forum.tagdiv.com/header-styles/

Example with a big ad with header style 4 – http://prntscr.com/k5wqc8

Thanks

Hi,

The empty page template does not display the entire header, there would be no menu to hide there with a code, or make visible. You can use a hero element but there will be no header with the empty template.

Maybe the menu overlay template is what you are looking for
– https://www.screencast.com/t/yqg7JXgbl
A demo using that page template – https://demo.tagdiv.com/newspaper_spa/

Thanks

Hi,

That is unusual. I could give you a code to center it
– https://www.screencast.com/t/1Sey4oWslk

.td-header-style-10 .td-header-sp-recs {
text-align:center;
}

The code can be entered in Theme panel->Custom CSS.

Thanks

Hi,

Only the header logo can be clicked and direct to the homepage, the background cannot. Set a header logo and users can click on it for a homepage link.

If you want to maybe use that image as logo, use header styles with no image limit (9,10 or 11)
– https://forum.tagdiv.com/header-styles/
– https://forum.tagdiv.com/logo-favicon/

Hello AhoraRoma,

Use the code below ->

.td-header-border:before{
background-color: blue;
}

The result -> https://www.screencast.com/t/fn3ciO0ViL

Thanks.

Hi,

You could stretch them with CSS. I believe adding those classes will load the theme CSS just as if you used the composer, how are you adding them exactly?

Also you can maybe identify the containers that the plugin uses, stretch them. Theme stretches rows like this to full width for example
– https://www.screencast.com/t/DmqeRaClGaYN

If you want these modifications per page, that would be possible only if you somehow use the unique page ID class before your code
Each page has an ID, example – https://www.screencast.com/t/yVEVtDJoe1

The header and footer elements can be stretched in the theme panel
– https://www.screencast.com/t/W2Tl0Tt4i

Hi,

You could first take a look in the header file of the theme, after the body tag
– https://www.screencast.com/t/H3CtDWR6pClk
Maybe you entered code there, please check and let me know. That could be the end of a script tag.

Thanks

Hi,

If you mean the article titles you could make that modification where the module title is defined
– https://www.screencast.com/t/UoTwOw8lYU
You would need additional code if you want that link to change dynamically, but if you place it there it would appear in the module (may need to create additional CSS also).

If you mean the block title, that file you mention would be the one (if that block uses block header template 11)
– https://www.screencast.com/t/bLmzd5LIb
– https://www.screencast.com/t/YLMGdqI4e
Wrap that in a link or what is needed.

Thanks

Hi,

The menu would be hidden along with the whole header if you use an empty page template for example
– https://www.screencast.com/t/P1iyBJoZMPT
But that will remove the footer as well. Such a dedicated setting does not exist at the moment. I believe there are plans to add more design and functionality settings for the theme headers, in future updates.

I could give you a code, check if it works. It applies only on the homepage and it should remove the menu when not sticky
– https://www.screencast.com/t/zhljPzQFJQNl
And display it when sticky – https://www.screencast.com/t/tQBvtwnW

Give it a try, enter it in Theme panel custom CSS section

.home .td-header-menu-wrap {
display: none;
}
.home .td-header-menu-wrap.td-affix {
display: block;
}

Thanks

Hi,

The top menu is removed on mobile. I could give you a code to make it visible, the result would be something like this
– https://www.screencast.com/t/RI1YoMXcI

@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}
.menu-top-container {
margin-right: 0;
}
.top-header-menu li a {
margin-right: 12px;
}}

If needed I could modify this code. It can be entered in Theme panel custom CSS section.

Thanks

Hi,

Maybe something like this – http://prntscr.com/k52cl6

.td-header-style-3 .td-header-sp-logo {
margin: 28px 56px 28px 0!important;
}

Enter the code in Theme panel->Advanced CSS desktop section.

Thanks

Hi,

What exactly is the problem with the image you set as header background? Provide a link to your website so I can take a look.
You simply have to access the theme panel and select the image you want
– https://www.screencast.com/t/PTKX1wavmxi
– https://www.screencast.com/t/IS3nYrY73WE0

Thanks

Hi,

That would be how CSS works, in cascade. For example in the header menu, the initial background color is white, also the default underline color is the blue color. The settings you made in the theme panel apply over these initial default colors
– https://www.screencast.com/t/10R6rLaE2mEE
So those will be loaded first and then the ones in the theme panel. Depending on website loading speed the effect may be noticeable or not. Try to install a caching plugin if you don’t have one, for better loading speed. We recommend the WP Super Cache.
I could also show you how to remove the initial colors if you should consider that.

Note that this is also somewhat browser dependent, note the difference between loading on Chrome and Firefox.

That block should display an excerpt, like this
– https://demo.tagdiv.com/newspaper/block-2/
Check your settings for module 2 – https://www.screencast.com/t/VOeieHDugmfl
Check in the tagDiv composer as well – https://www.screencast.com/t/4tTsRZSXKjQ7
Check if you entered something in the manual excerpt for the posts, that will replace the default excerpts
– https://www.screencast.com/t/2F1VB9qTQC