Search Results for 'header'

Hi,

The available header styles can be seen here
– https://forum.tagdiv.com/header-styles/
The colors used in the header and the fonts can each be customized in the theme panel. Unfortunately there is no option for a transparent header style. If you could provide a link to your website and specific details about what exactly you want to modify, I will try to give you a solution.

Thanks

Hello all,

@louwvanriet, I have inspected your homepage and I saw that in the bottom of the page you have displayed the header ad. Do you have manually add it there? Also, I have checked your source page and I saw that you are using a lot of unknown plugins which can interact with the theme core files and cause a lot of unknown issues. You should remove all of them, leaving just our required theme plugins, clear all the caches and check the results.

@amilson50 Unfortunately, I cannot access your wp-admin because it seems to be incorrect, as you can see here -> https://www.screencast.com/t/tn8e5dnj Please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect it closer your setup page.

Thanks for the message!

Hi,

On mobile there is a condition setting the height like this
– https://www.screencast.com/t/ykMLCdGadDT
You could enter the code provided above in Theme panel->Advanced Css in the desktop section and the one provided below in the phones section
– https://www.screencast.com/t/WgYV0c80Nr5V

.td-post-template-7 .td-post-header {
min-height: 300px;
}

Thanks

Hello,

The header height can be changed by the main menu line height:
1) https://www.screencast.com/t/XcD2yzzO
2) you can only do this on pages on a full width page. On posts you cannot go past the main layout.
3) Facebook cannot grab the info from the website. It is the other way around. The theme grabs info from fb but dos not send the info into facebook.

Thank you!

Hi,

It would take probably a lot of code to make header style 7 look like header style 6. I don’t understand why would you not simply use header style 6 from the start. Maybe it would be easier and simpler to use header style 6 and modify it as you like, since it already has most of the requirements you mention, like height and centered menu items.
If you would provide more details about how you want header style 6 to look, I will try to give you a solution.

Thanks

Hi,

You could set a height limit for the featured image with a code like this
– https://www.screencast.com/t/eZtYuMpn
The height value can be modified if you think is necessary, then enter the code in Theme panel->Custom Css

.td-post-template-3
.td-post-header-holder {
max-height: 500px;
}

Thanks

Hi,

If you meant these lines – https://www.screencast.com/t/45pzxj5vhL those are simple borders set on the header menu – https://www.screencast.com/t/zRLobx70
Of course the demo has other modifications in order to display like it is. You can find the demo stylesheet here if you think it would be helpful for you, or maybe use styling from the demo for your design
– https://www.screencast.com/t/veVdfFzYM941
So if you would like to modify header style 1 to be like in the demo, you could do it like this
– https://www.screencast.com/t/Wmq9Iax7aelq
– https://www.screencast.com/t/iytrwfvBwjJt
These codes must be entered in Theme panel->Custom Css section.

Thanks

Hi,

That was the way that particular post template style was designed. You could modify the height of the header image with a code like this if you want (the default height for the image is 700px)
– https://www.screencast.com/t/wYpALhWGH

.td-post-template-7 .td-post-header {
height: 400px;
}

Thanks

Hi,

There is no header style like the one you mention, available in the theme at the moment. More header styles could be introduced in future updates. If you would like to modify a header style to look like that one, it will have to be made custom.
Here is a guide explaining how to use the browser inspector to identify the elements on the page and their classes, in order to create custom code that you can use
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

For header style 10 you can try it like this (you can modify the values in the code)
Before – https://www.screencast.com/t/F44uUaL6l
After adding the code – https://www.screencast.com/t/UBOtjLWMw5
The code must be entered in Theme panel->Custom Css

.td-header-style-10 .td-logo-text-container .td-logo-text {
font-size: 95px;
}
.td-header-style-10 .td-logo-text-container .td-tagline-text {
font-size: 25px;
font-family: "Arimo";
letter-spacing: 2.8px;
}

Here is a guide to help you identify the elements on the page and the classes used, in order to create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello LGA2017,

Your code seems to be not good because you are not using the right classes. Because I do not have your website, I tried on our demo to create a custom code for logo text. For example, try the code below and place it in Theme panel->Custom CSS area and change the style.

The code is ->

.td-politics .td-header-style-11 .td-logo-text {
font-size: 95px;
}
.td-politics .td-header-style-11 .td-tagline-text {
font-size: 25px;
font-family: "Arimo";
letter-spacing: 2.8px;
}

And the result is here -> https://www.screencast.com/t/pfuZk9nu50

Thanks for the message!