- NewspaperHeader Builder
- NewsmagHeader styles
- NewsmagHeader ads
- NewspaperHeader ads
- NewspaperHeader styles
- Apitd_api_header_style::delete
- Apitd_api_header_style::update_key
- Apitd_api_header_style::update
- Apitd_api_header_style::add
- ApiAPI – Header style – Introduction
- NewspaperSearch setup for custom post type
- NewspapertagDiv Composer – Website Manager
- NewspaperBookmark – Save For Later
- NewspaperWooCommerce: Happy “Add to Favorites!”
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperPosts Loop Element
- NewspaperHow to Add a Logo in Newspaper
- NewspaperDefault Category Settings
- NewspaperWhen tagDiv Composer is Not Working
Ok. Fixed it.
What had happened was when I asked how to prevent the logo from loading in the middle first then loads to the left I was told to edit the css file
Also you have to change the css code in style.css file as the default style is loading first and because of the cascading property of the css style appears the delay you have noticed. So try to remove this code – http://screencast.com/t/77pQNXhaN then clear cache and see if it works.
Please note that this change will affect also other headers so if you change the header style revert this change.
I didn’t want to change the original file so I copied the style.css over to the theme folder and made the change. What would be the correct way of changing this without changing the original file?
Hi,
You need to switch and use the blog style header for the blog style stack: http://screencast.com/t/7J3SEkaTHHE and you can change the big/small images title excerpt from the big slider from theme panel: http://screencast.com/t/tAYe72iUaltC or use custom css to make the font smaller on mobiles and place you css code here: http://screencast.com/t/kzS9TansZq
Thanks
Hi! I need some help to make the logo bigger with the Header Style 9. I know I can change the min-height/max-height and stuff… but… the sticky header persists bigger instead of to load the Mobile Logo, for example.
So I need to find a way to use a logo with 100px of height in the normal header and 75px in the sticky header.
Here’s my CSS so far:
/** LOGO **/
.td-main-menu-logo img,
.sf-menu > .td-menu-item > a > img {
max-height: 100px !important;
}
/** NAV **/
ul.sf-menu li { float: right; }
.td-mega-menu ul { margin-top: 32px !important; }
.td-header-main-menu { padding: 20px; }
.sf-menu { padding: 3px; }
Thanks guys!
Hi,
The theme doesn’t come with a header customize option for the category pages, you can only set a global header. It’s only possible with modifications on the code but it’s not an easy task, my suggestion is to hire a professional developer to make this modification for you. We plan to improve this section in a future update but i cannot provide a date for this implementation, we have a lot of features on the list and we have to take them one by one.
Thank you!
Hi,
1. Please also provide your site’s URL as I need to inspect your site so I can provide an accurate solution on this.
2. Unfortunately those VC column options don’t work but you can add a custom css class to that row/column you need to hide on mobiles like this: http://screencast.com/t/Y5B0S3wrEcje then use custom css to hide that row on mobiles or the viewport you want like this: http://screencast.com/t/69cIbmxcW
This is the css I’ve used you can set the “ttt” class your self and sue the css below to hide it and place it in theme panel > advanced css on the device you need to hide it.
.ttt {display: none}
3. That unfortunately can’t be done easily as the theme isn’t designed to support blocks in the header. For that section you can chose from the available header style in theme panel: http://screencast.com/t/cyp8hAYjdue or you can customize it as you like by hard-coding your design here: http://screencast.com/t/JqQQmxS6Q
Please note that in approximately two weeks the new version of the newspaper theme will be available with more customization options available for the top menu and more header styles from you can chose so you can decide then if you want to design your own header or use a predefined one.
Thanks
Hi Lucian,
I deactivated all the plugins and still see the large logo on the retina display.
I inspected element and changed the max-height to 90px and it seems to load correctly just like the newsmag demo. Would this be an acceptable solution?
.td-header-style-7 .td-header-sp-logo img {
position: relative;
max-height: 90px,
}
Regarding the icons, I shared your reply with my hosting support team for their help in changing the htaccess and they came back with the below.
I have added in your website .htaccess the directive that was suggested in the article, however as I checked the characters remain unchanged, but via Chrome I am able to see another result:
http://www.awesomescreenshot.com/image/274460/9f0b7b47f1038a7de5a65af8208729b0
which makes me think that the issue is connected to the website configuration.
Please check the details and If there is anything else that we can assist you with , don’t hesitate to contact us back at any time!
Is there anything else we can try?
you can change the header of a category or page? example: (http://portalespigao.com.br/social/)
like the header was different in that category, even to create blog within the site without the need to create subdomains, this category for example I would like her to be the same as fashion model
It is to choose whether the page will be box or full?
Hello,
I’m trying to reduce the width of the layout. For type of site I manage, width when there is no sidebar is somewhat extensive.
So, how can I do this? It can be only on the body. Header and footer can continue with the default width. Is it posible?
Hello, excuse my English, greetings from Argentina. I have to fix the following:
1* As I can shrink the margins (high) on display from the mobile?
http://www.screencast.com/t/G45cMf19m
2* Hide blocks on mobile devices no funciona, como debo utilizar los css?
http://prntscr.com/4yxjqt
3* How to insert a block in place of the logo to customize the header and achieve something like this?
http://www.screencast.com/t/oqodyuT1q
http://www.screencast.com/t/K16Vg9Fa9aLW
Thank you very much …
Hi,
@SAPeople You have to add it to the loop-single file and depending of the post template you’re using this are the loop single files, located in the root of the theme files: http://screencast.com/t/aMCuW2E0p an you can find the opening body tag in the header file: http://screencast.com/t/x1fUghKMIOS or the closing one in the footer file: http://screencast.com/t/EqW45ZKwc
That’s the old documentation, you can find the categories customization documentation here: https://forum.tagdiv.com/customize-the-categories/
Please open a new topic for each of your problem here: https://forum.tagdiv.com/forum/newspaper/
@albrub
This is how i see your slider now: http://screencast.com/t/otlS1jLrjnn you need to regenerate thumbnails to create the thumbs for the slider, use this guide for that: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Let us know how it goes and also please make a new tread here: https://forum.tagdiv.com/forum/newspaper/
Thanks
Hi,
Not sure what happened but the social icons on the header and footer are in another language. How do i make these the standard logos?
Hi,
You have this issue because you use header style 3 on blog stack. There is an header style especially created to be used on blogs – http://screencast.com/t/smR9n0COvP
If you want to use like this you can try this custom css in Theme Panel > Custom Css my suggestion is to use Blog Style header – http://screencast.com/t/ex5HKZ3y
@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img{
width: 150px;
}
}
Thanks!
I’m using style 3 header. Top menu doesn’t work correctly on mobile. The orizontal navigation does’t hide on lower resolutions and remain visible under mobile menu icon and mobile logo.
http://www.thestylosopher.com/
I don’t hunderstand what’s wrong.
Thanks in advance.
Hi,
Unfortunately style 3 was not designed for featured video, in version 5 of the theme will be added a post template especially for video posts.
For the moment you can make this change in template 3 files – http://screencast.com/t/uwbmIgeFyvV and use this custom css in Theme Panel > Custom Css: http://screencast.com/t/7etmTWfs
.td-post-header-full.td-image-gradient:before{
display: none;
}
.single_template_3 header {
position: relative;
margin-top: 10px !important;
}
Thanks!
Ok. So I just write this:
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}
in the empty field in the theme panel at custom css and then it works or do I have to change it in the file style.css directly?
Hi,
I have checked your site and your header ad is displayed properly – http://screencast.com/t/eMzJFBrgrm please clear cache.
Thanks!
I’m trying to put Adsens ads in my website’s header (www.leferret.fr). Code is added in “Ads”section of the theme. But looks like it is not working (Google Adsens code is not properly implemented). I’ve created a test page : http://www.leferret.fr/testpub and ads are working.
Any idea ?
You need open graph (OG) data in your headers, such as using plugin like YOAST SEO (or other plugin) which adds those.
If you “view source” in your post page, you should see meta data with OG tags… these tell Facebook which image and snippet to use when capturing your site posts.
FB docs:
https://developers.facebook.com/docs/sharing/best-practices
Hi,
Unfortunately the theme use the same logo also on mobile when is used header style 3 and 6. You can change the width for logo image on mobile using custom css media queries in Theme Panel > Custom Css: http://screencast.com/t/u2S5E5vVp
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}
Also if you like you can use a fixed width for screen size until 767px – http://screencast.com/t/YWSvFyfZlP60
This will be changed in version 5 of theme and will be added more header styles options.
Hope this helps!
-
This reply was modified 11 years by
Alin [tagDiv].
Hi,
Please try this custom css in Theme Panel > Custom Css for your main menu height – http://screencast.com/t/k2mUmDMgq
.td-header-menu-wrap {
height: 43px !important;
min-height: 43px;
}
.td-header-row.td-header-border.td-header-main-menu {
max-height: 43px;
}
For that white space you will need to remove margins for logo and header ad, but you will need custom work for that for different screen size and also it will break the main menu. So if you need this and you don’t know how to do it I suggest to hire a freelancer to do this for you – http://studio.envato.com/ as we cannot provide any type of custom work at this moment as we work hard on development, updates, fixes and support.
Also if you want to make header transparent(if you use a background image) you have an option in Theme Panel > Theme Colors – http://screencast.com/t/p8Ywhg0nt – http://screencast.com/t/n5bIEhKx
Thanks!
Hello
I am using plugin, for showing images, and link can be easily placed.
My point is… how do i control the location…
The widget one is fine… not a problem since its in sidebar.
How do i control other in article and top bottom article..
and top header ad ?
I need to place simple images and links in these location without any HTML knowledge
Thanks
How i can change height siza on header section and change height of main menu background
Hi,
I’m not sure what you mean. Do you want to show header ad only for category pages?
You can add a condition there to display the header ad only on category pages(also depends what header style you use), so for example if you use header style 3 – http://screencast.com/t/4PX2ZOnf2hr1
Or if you want to display a custom ad on category page(besides header ad) – http://screencast.com/t/KS3qdwzeEj9
Result: http://screencast.com/t/GnipCsVG
.td-a-rec-id-custom_ad_1 {
margin-top: 20px;
}
Please provide more details if this is not what you mean.
Thanks!
Hi,
@gmtrevor You can set background transparency for header from Theme Colors – http://screencast.com/t/zFfPVJRyO – http://screencast.com/t/fWnhLS0Q
Also if you want full menu you can use header style 9 – http://screencast.com/t/0zo02DkQxSM – http://screencast.com/t/bCjbDCVGUc
@marcosutter
Please provide a link so I can inspect this and provide an accurate solution. Do you use code that I provided to you? If you do you can try this custom css: http://screencast.com/t/JQBg5MiYZ6
.td-header-style-1 .full-bg .td-header-sp-logo {
margin-left: 0px;
}
You may have to adjust your logo image as theme’s css for logo is only 7px margin left.
Thanks!
Hello Lucian! Thanks for such a quick reply. I must have been blind, missed the author’s template. Template is almost perfect. Sorry if it is a hassle for you but could you give me a little hint how to link my to the current author’s page? Do you use get_the_author function?
This is my current modified Logout section. Just need making one of the icons linking to the author’s page. Right now both of the icons linking to the pages made by me.
//<span class="td-sp-ico-logout"></span> echo '<ul class="top-header-menu td_ul_logout"> <li class="menu-item">' .'' . '<li class="menu-item">' . '
And regarding my second question. I’m not gonna be using side panel in my little project, so no worries. However, I have made a little video so you can see what it was all about. https://www.youtube.com/watch?v=t3kNb7HF-z4&feature=youtu.be
Thank you for your help and support.