Search Results for 'header'

Hi,

Each theme has its own elements and design and the theme used on that site it is not ours.
So no matter what demo you import, you will not have the same layout.
I can only suggest to check our live demo and import the demo you like more. Or if you have already content on your site, just try to create your homepage using tagdiv blocks – https://demo.tagdiv.com/newspaper/block-1/
Also we have a similar header template for block title – https://demo.tagdiv.com/newspaper/block-header-11/

Thanks!

Hi,

Without the header ad header style 1 will look like this
– https://www.screencast.com/t/wRSb9GTtP
With the margins removed from the logo the total height will reduce
– https://www.screencast.com/t/ureorrAk
So maybe this is what you wanted, the code can be entered in Theme panel->Custom CSS

.td-header-style-1 .td-header-sp-logo {
margin: 0;
}

Thanks

Hi,

There is a small margin bottom below the logo, 9px to be more exact
– https://www.screencast.com/t/gUus1ZdHMbx
Removing that margin bottom and increasing the top margin result:
– https://www.screencast.com/t/T8de9i4PHhRz
– https://www.screencast.com/t/nlQy4DdY

Code used (works for header style 1)

.td-header-style-1 .td-header-sp-logo {
margin: 37px 28px 0px;
}

I could take a look if this doesn’t work, for a more accurate and faster solution. If possible post a link to the website.

Thanks

Hi,

@Seashore The header styles are predefined, they look like this
– https://forum.tagdiv.com/header-styles/
Can’t have a template for every example out there. Simple modifications can be possible with CSS.
Provide a link to your website and I will take a look and try to center the menu if that is what you want.

Thanks

The lifestyle demo does indeed set some colors in it’s stylesheet
– https://www.screencast.com/t/XmWp56JdhCYI
This may prevent theme panel colors from applying. All the demos contain customization, more or less. You can modify the demo stylesheet if needed, then make a backup of it.

What colors are you referring to exactly? For example the header menu underline is made transparent in the demo here
– https://www.screencast.com/t/hzFjBDXs
This header customization is linked to a specific header style most of the time. As long as header style 1 is used the demo modifications will apply for the header.

Hi,

What header style are you using? With CSS that could be possible. An alternative would be header file modifications.
The ad space in the header is reserved, not displaying an ad will not re-arrange all the other header elements.

The ads will display differently depending on style used
– https://forum.tagdiv.com/header-styles/

Please mention the header style or provide a link to your website and details about how you want it to look.

Thanks

Hi,

The header styles mentioned above don’t have any limits for the image used
– https://forum.tagdiv.com/header-styles/
Any size can be used. The website you mention uses a video on a loop in the header
– https://www.screencast.com/t/WOBzseXK
That will work in the theme ad spots, not as a logo.

The height will depend on the image you use as logo, it will adapt to it. The header could be modified with some CSS if required.

That is possible. There are even tools to choose the colors
– https://www.w3schools.com/colors/colors_picker.asp
Maybe choose a color similar to the block headers for example
– https://www.screencast.com/t/YJ78QpVD

You could also experiment with shadows, there are plenty of generators available
– https://html-css-js.com/css/generator/box-shadow/
– https://www.screencast.com/t/nibOPkNb

A small guide here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

The theme accent color can be set in the theme panel
– https://www.screencast.com/t/LrNgQWUa
The color set there will be used in multiple places, including the header underlines you mention, various hovers etc.

In the case of links, if you set a color for them as you create them
– https://www.screencast.com/t/ZZpyimkpOVsH
Then that will be used instead of the accent color. If you want to change them all at once, in the post content for example, without modifying the accent color, you could use some CSS
– https://forum.tagdiv.com/topic/how-to-change-link-color/

Some demos can override theme panel colors, by setting them in the demo stylesheet. if you have any problems with a color somewhere, provide a link to that page and details.

Thanks

Hi,

I believe you installed the wildlife demo, that one has a button like that
– https://demo.tagdiv.com/newspaper_wildlife/

But you can remove it, it is simply for demo purposes. The theme provides at the moment three multipurpose header styles
– https://www.screencast.com/t/TctndJZetIH
With these styles you can set up to two buttons in the header. In this case one has been set by the demo. You can remove it in the multipurpose settings in the theme panel
– https://www.screencast.com/t/CLqTY4E3q

Please let us know if you have more questions.

Thanks

Hi,

1. You should not worry about validators. If there are actual functionality or design problems please mention them so we can investigate.
What exactly is messed up in the page? Could you provide a link to it so we can take a look? That will be most helpful. Or maybe screenshots and details about the problems.

2. Again a link will be most helpful. You mean it pushes the header or header menu down and it remains there?

3. Maybe that is a setting in the slider. Do you use a demo slider or created a new one? This topic contains a list of all the demo sliders which can be imported in the plugin
– https://forum.tagdiv.com/topic/reproduce-a-specific-appearance/
When imported they will look as we designed them, the same settings should be imported.

Thanks

Hi,

I believe there are plans to improve and extend the header options in a coming update. This will allow greater possibilities for designing a header. I can’t say how long before this will happen unfortunately.

Thank you for the suggestions, they are noted.