- 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
hi guys
my header ad is misaligned, can you advise how I can get it properly centered without affecting the logo?
http://connecteddigitalworld.com/
thanks
Andrew
We are looking to add a header graphic to each of our main category pages. I was hoping this would be possible without custom CSS?
Please see the screen shot, I have circled where we would like to make the header for each category…
http://www.wgel.net/wp-content/uploads/2014/07/header.png
Ideally it would be just below the breadcrumbs and either replace or align to the right of the ‘NEWS’ header text…
Any help is greatly appreciated!
Hi!
it works like a charm 🙂
Many thanks for being so quick and professional. I really appreciate that.
Hi,
Please add this CSS in Theme Panel > Custom CSS:
.header-logo-wrap img {
max-width: 200px;
}
.header-logo-wrap {
margin-top: 10px;
}
.td-a-rec-id-header {
top: 0px;
}
Thanks
Make sure the server is running deflate/gzip properly, and you have the proper expires headers set, and server side normal caching if so provided, …. compression and expires headers are good for at least 20 points.
Just for a reference point, one of my pages on the test site, with caching plugin turned off, and the disqus, adsense stuff running (3 ad spots), Gravatar, and one YouTube video.
http://ga-ga.com/1763/book-review-anti-americans-star-sons-wichita/
is 90 desktop / 79 mobile
I need to swap out Gravatar for local author image and should shave off 708bytes from the featured image upload (has “red” in it, so didn’t compress as much).
With the gravatar fixed, and if I ignore the “errors” from Disqus and AdSense, it’s totally in a doable range for us.
I think it works out to be 93/83 without the “errors” on there.
Not bad since NOT running any caching plugin, not using CDN, and not using a minification plugin other than mod_pagespeed optimizing the pages on the fly.
-
This reply was modified 12 years by
simchris.
Hi,
Please change the span classes like here: http://screencast.com/t/YxZYV9ZV This will enlarge the space there and the logo will fit http://screencast.com/t/tbyUjgf9
Thanks
Hi,
Should work http://screencast.com/t/BekBMiwAD
Please make sure you add and have both custom CSS I gave you in Theme Panel > Custom CSS. I will add them again here:
@media (max-width: 767px){
.header-logo-wrap img {
display: block !important;
}
.header-logo-wrap {
display: block !important;
}
}
Thanks
oh got it.
thank you! 🙂
@Manuel Fink my settings as follow..
1.Loads javascript files from Google Libraries
2.Defers parsing of javascript files.
3.Removes query strings from static resources
4.Load CSS asynchronously
5.Minify all CSS styles
6.Insert all CSS styles inline to the footer
Remove junk header tags
I’ve choose all of them…
Hi @Manuel the best plugin right now is “Speed Booster” the owner done some awesome updates today and made the plugin more powerfull so i’m only using that one along side the “Leverage Browser Caching plugin”.
@thomaspe i recommend you to use the “Speed Booster” plugin as well which work very well with the theme.
Speed Booster
Main Plugin Features
Eliminates external render-blocking javascript and css in above-the-fold content.
Moves scripts to the footer to improve page loading speed.
Loads CSS asynchronously to render your page more quickly and get a higher score on the major speed testing services.
Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.
Lazy loads images to improve page load times and save bandwidth.
Changes image compression level to keep file sizes smaller.
Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.
Defers parsing of javascript files to reduce the initial load time of your page.
Removes query strings from static resources to improve your speed scores.
Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.
Removes junk header tags to clean up your WordPress Header.
Displays page loading time in the plugin options page.
Displays the number of executed queries in the plugin options page.
Displays the Peak Memory Used in the plugin options page.
Hey,
which function/lib are u using to let the header drop in on scrolling? In which file’s is it located? I’d like to use the same function for an menu on the bottom of the page.
thx, I appreciate your help,
best Manu
Hi Lucian!
thank you for your quick answer and solution.
I tried it and on chrome, the problem is solved when user is not logged. The same problem comes back when user logs in. I tried to change to this value >>> margin-right: 8px. It solves the problem.
Then I tried to log in with long usernames: the problem comes back again.
Any idea?
thanks
Hi,
Please add this custom CSS in Theme Panel > Custom CSS:
@media (max-width: 767px){
.header-logo-wrap {
display: block !important;
}
}
Thanks
Hi,
Please add this custom CSS in Theme Panel > Custom CSS:
.td_ul_login,
.td_ul_logout {
margin-right: 12px !important;
}
.td_ul_logout li {
display: inline;
}
.td_ul_logout li a:before {
top: 6px;
}
We will fix this in the next theme update.
Thanks
@manual
best bet for my stuff, is go “backwards” from here as the stuff for htaccess file still good, for Apache/Linux. I’m only running nginx for some stuff on our server, we use Apache for compatibility with 20 years of content and some stuff not practical to reinvent at this time.
mod_pagespeed … I am running kind of a moderate number of things with defaults on server wide, then htaccess for local per site/folder controls/over-rides or “off.” With nginx I think you have to use a config file.
Anyway…. here’s my htaccess minus the 301 stuff:
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# start WordPress
(removed; might be diff for other setups :-)
# END WordPress
AddType text/javascript .js
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
Here’s my robots.txt file (again, your needs may vary)
User-agent: *
Disallow: /cgi-bin
Disallow: /cgi-bin/
Disallow: /wp-admin
Disallow: /wp-admin/
Disallow: /wp-includes
Disallow: /wp-includes/
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-content/upgrade
Disallow: /wp-content/backup-*
Disallow: /aff/
Disallow: /search/*/*
Disallow: /trackback
Disallow: */trackback
Disallow: /trackback/
We’re currently not running things off our Amazon CDN for the WP sites, in favor of using the horsepower of the dedicated server with high-speed switch, APC, mod_pagespeed, etc. Not finding it super beneficial to load those 1kb sprites off the CDN, frankly. (Brand new web server Dec. 2013). And for us tweaking is simpler when it’s all using one system, and letting mod_pagespeed fix some stuff.
I was manually minifying the style.css file and couple other things. Have not done that with latest version (just updated last weekend). Simple to do … some of my posts on here reference the websites like css minifier where you can copy/paste your code, make new file and over-write the theme css file to solve that issue (takes 5 minutes).
I had too many issues with the caching plugins so not using right now.
Take Google’s PageSpeed Insights with major grain of salt.
On one of my project sites (not running WP), we have the CSS loading from external file, minified, got pagespeed score of 87 and warning about only 47% of page loading above the fold (menu wasn’t showing up), and this could be seen missing from screen capture. So, we put all the code inline, speed went to 95 desktop, 85 mobile, but warning about above the fold now says only 1% was able to be loaded, but snapshot of screen shows everything above fold loaded properly.
Similarly on our WP install running Newspaper, here’s one of their wonderful “suggestions” ….
Reduce server response time
In our test, your server responded in 0.36 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.
So, apparently 0.36 seconds is considered slow?
🙂
thanks Lucian
however that isn’t correct – it not custom ad 3 its ARTICLE TOP AD and using the code you gave me adds another ad 3 block above the header text with the words in the loop-single.php shown under.
thanks
Andrew
Hi there 🙂
I searched the forum for a solution but couldn’t find it…
Check my website >>> http://www.electro-swing.com
On safari, I have 2 lines in the top menu when I add the login widget.
I tried this: http://screencast.com/t/YxZYV9ZV
But it doesn’t work for me.
Thank you very much for your help & time
julien
Hi,
The issue is because you don’t use a logo at 300x100px size. If you can’t make your logo at that sizes use this CSS to align the banner, add it in Theme Panel > Custom CSS:
.td-a-rec-id-header {
top: 25px !important;
}
Thanks
Hi,
Please add this code <?php echo do_shortcode('[td_ad_box spot_id="custom_ad_3"]'); ?> in the loop-single.php file like this: http://screencast.com/t/g9yorI3X
Also add this custom CSS in Theme Panel > Custom CSS:
.post .td-a-rec-id-custom_ad_3 {
margin-top: 30px;
}
If you want to be full width you can do it like this https://forum.tagdiv.com/topic/adsense-below-header-on-homepage/#post-15013 for each template you want the ad to be displayed.
Thanks
Hi,
I have checked your site and saw that you don’t have any menu, this is the reason way you don’t have any logo on your mobile. On mobile the logo drops down in the menu bar, so if you don’t have a menu bar you don’t have a logo.
To fix this add this custom CSS in Theme Panel > Custom CSS:
@media (max-width: 767px) {
.header-logo-wrap img {
display: block !important;
}
}
Thanks
Hi i add 728*90 header ads http://prntscr.com/409cnl
but it shows up with the size not fully http://prntscr.com/409cvn (the height is cut)
this is the full image when i right click > show image http://prntscr.com/409czu
what did i do wrong?
thanks for your help
Hi,
Please add this custom CSS in Theme Panel > Custom CSS:
.header-style-3 div.td-grid-wrap {
padding-top: 0px !important;
}
Thanks
Hi,
Please send an e-mail at contact@tagdiv.com with your wp-admin username and password, and FTP access so we can take a look, specify the issue or send an URL to this topic also send a link to your site.
Thanks
You guys are usually pretty good at this stuff:
I’m working on a new page for our website, and I want to add a full width header photo underneath the original header and menu, but with a content area and sidebar below.
Actual page is not publised yet, so no direct link
Screen to explain:
http://i.imgur.com/jfFHglC.jpg
Link to site:
http://www.vitamail.no
Thanks in advance!
Hi guys,
I’d like know how can I reduce the size of the header so that I can align my header in the center and remove excess empty space.
I’ve tried to reduce it in header section of my theme panel, but it only reduces from bottom, the upper area remains the same and empty, there’s no need for such space, and it’s taking valuable above the fold space in vain.
You can see the picture here.