- NewspaperHeader Builder
- NewspaperHeader ads
- NewspaperHeader styles
- 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
- NewspapertagDiv Cloud Library Plugin
- NewspapertagDiv Composer Tutorial
- NewspaperUsing the Theme Translations with WPML
- NewspaperInstagram in Newspaper WordPress Theme
- NewspaperWeather Shortcode
- NewspaperThe Mobile Theme
- NewspaperLogin – How to Enable User Registration
Hi,
Please can you wait few days, we will ada in panel a header style like you want with logo above and a banner under the menu.
Thanks!
Did it and it worked!!
Thanks a lot webmaster808!
Another question; what if i would like it even shorter? 😀
As short as at this blog: http://www.hypebeast.com
This plug-in(custom css) will work with my/over newspaper theme?
My apologies the last set of codes was for Articles with a BG. Please see the following code that should reflect what you requested that I do. I am still having a problem on this page when I make your amendments.
<?php
/* Template Name: Homepage – with article list */
get_header();
td_global::$current_template = ‘page-homepage-loop’;
global $paged, $loop_module_id, $loop_sidebar_position, $post, $more; //$more is a hack to fix the read more loop
$td_page = (get_query_var(‘page’)) ? get_query_var(‘page’) : 1; //rewrite the global var
$td_paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1; //rewrite the global var
//paged works on single pages, page – works on homepage
if ($td_paged > $td_page) {
$paged = $td_paged;
} else {
$paged = $td_page;
}
$list_custom_title_show = true; //show the article list title by default
$td_homepage_loop_filter = ”; //homepage loop filter metadata
/*
read the settings for the loop
—————————————————————————————- */
if (!empty($post->ID)) {
td_global::load_single_post($post);
//read the metadata for the post
$td_homepage_loop_filter = get_post_meta($post->ID, ‘td_homepage_loop_filter’, true); //it’s send to td_data_source
$td_homepage_loop = get_post_meta($post->ID, ‘td_homepage_loop’, true);
if (!empty($td_homepage_loop[‘td_layout’])) {
$loop_module_id = $td_homepage_loop[‘td_layout’];
}
if (!empty($td_homepage_loop[‘td_sidebar_position’])) {
$loop_sidebar_position = $td_homepage_loop[‘td_sidebar_position’];
}
if (!empty($td_homepage_loop[‘td_sidebar’])) {
td_global::$load_sidebar_from_template = $td_homepage_loop[‘td_sidebar’];
}
if (!empty($td_homepage_loop[‘list_custom_title’])) {
$td_list_custom_title = $td_homepage_loop[‘list_custom_title’];
} else {
$td_list_custom_title =__td(‘LATEST ARTICLES’);
}
if (!empty($td_homepage_loop[‘list_custom_title_show’])) {
$list_custom_title_show = false;
}
}
echo td_page_generator::wrap_no_row_start();
/*
the first part of the page (built with the page builder) – empty($paged) or $paged < 2 = first page
—————————————————————————————- */
/*
the main fake loop
—————————————————————————————- */
$more = 0; // fix read more
echo ‘<div class=”row-fluid”>’;
switch ($loop_sidebar_position) {
case ‘sidebar_left’:
?>
<div class=”span4 column_container” role=”complementary” itemscope=”itemscope” itemtype=”http://schema.org/WPSideBar”>
<?php get_sidebar(); ?>
</div>
<div class=”span8 column_container” role=”main” itemprop=”mainContentOfPage” itemscope=”itemscope” itemtype=”http://schema.org/Blog”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<?php
break;
case ‘no_sidebar’:
?>
<div class=”span12 column_container” role=”main” itemprop=”mainContentOfPage” itemscope=”itemscope” itemtype=”http://schema.org/Blog”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<?php
break;
//sidebar right
default:
?>
<div class=”span8 column_container” role=”main” itemprop=”mainContentOfPage” itemscope=”itemscope” itemtype=”http://schema.org/Blog”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
//
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<div class=”span4 column_container” role=”complementary” itemscope=”itemscope” itemtype=”http://schema.org/WPSideBar”>
<?php get_sidebar(); ?>
</div>
<?php
break;
}
wp_reset_query();
if(!empty($post->post_content)) { //show this only when we have content
if (empty($paged) or $paged < 2) { //show this only on the first page
?>
<div class="row-fluid">
<div class="span12 column_container" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
//read the page settings
the_content();
endwhile; //end loop
}
?>
</div>
</div>
<?php
}
}
echo ‘</div>’; //close the .row
echo td_page_generator::wrap_no_row_end();
get_footer();
?>
Many thanks for the reply Marius. I did update the code and unfortunately it get a blank white page. Please see below. Also, I am using the Home Page – with Article List. I sincerely do appreciate your help here.
<?php
/* Template Name: Homepage – bg + with article list */
get_header();
td_global::$current_template = ‘page-homepage-loop’;
global $paged, $loop_module_id, $loop_sidebar_position, $post, $more;
$td_page = (get_query_var(‘page’)) ? get_query_var(‘page’) : 1; //rewrite the global var
$td_paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1; //rewrite the global var
//paged works on single pages, page – works on homepage
if ($td_paged > $td_page) {
$paged = $td_paged;
} else {
$paged = $td_page;
}
$list_custom_title_show = true; //show the article list title by default
$td_homepage_loop_filter = ”; //homepage loop filter metadata
/*
read the settings for the loop
—————————————————————————————- */
if (!empty($post->ID)) {
td_global::load_single_post($post);
//read the metadata for the post
$td_homepage_loop_filter = get_post_meta($post->ID, ‘td_homepage_loop_filter’, true); //it’s send to td_data_source
$td_homepage_loop = get_post_meta($post->ID, ‘td_homepage_loop’, true);
if (!empty($td_homepage_loop[‘td_layout’])) {
$loop_module_id = $td_homepage_loop[‘td_layout’];
}
if (!empty($td_homepage_loop[‘td_sidebar_position’])) {
$loop_sidebar_position = $td_homepage_loop[‘td_sidebar_position’];
}
if (!empty($td_homepage_loop[‘td_sidebar’])) {
td_global::$load_sidebar_from_template = $td_homepage_loop[‘td_sidebar’];
}
if (!empty($td_homepage_loop[‘list_custom_title’])) {
$td_list_custom_title = $td_homepage_loop[‘list_custom_title’];
} else {
$td_list_custom_title =__td(‘LATEST ARTICLES’);
}
if (!empty($td_homepage_loop[‘list_custom_title_show’])) {
$list_custom_title_show = false;
}
//adds the filters for templates: ‘Homepage – with article list’ and ‘Homepage – bg + article list’
//include_once(‘includes/wp_booster/td_homepage_loop_filter.php’);
}
/*
big slide
—————————————————————————————- */
locate_template(‘parts/page-homepage-slider.php’, true);
echo td_page_generator::wrap_no_row_start();
/*
the content if we have one
—————————————————————————————-
02/06/2014 – Disabled this code ITPS Trevor
if(!empty($post->post_content)) { //show this only when we have content
if (empty($paged) or $paged < 2) { //show this only on the first page
?>
<div class=”row-fluid”>
<div class=”span12 column_container” role=”complementary” itemscope=”itemscope” itemtype=”http://schema.org/WPSideBar”>
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
//read the page settings
the_content();
endwhile; //end loop
}
?>
</div>
</div>
<?php
}
}
*/
/*
the main fake loop
—————————————————————————————- */
$more = 0; // fix read more
echo ‘<div class=”row-fluid”>’;
/*
//do the loop
$queryPost = Array(
‘posts_per_page’ => get_option(‘posts_per_page’),
‘paged’ => $paged
);
//hide featured categories
if ($td_featured_posts != ‘show_featured_posts’) {
$queryPost[‘cat’] = ‘-‘ .get_cat_ID(TD_FEATURED_CAT);
}
*/
switch ($loop_sidebar_position) {
case ‘sidebar_left’:
?>
<div class=”span4 column_container”>
<?php get_sidebar(); ?>
</div>
<div class=”span8 column_container”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<?php
break;
case ‘no_sidebar’:
?>
<div class=”span12 column_container”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<?php
break;
//sidebar right
default:
?>
<div class=”span8 column_container”>
<?php if ((empty($paged) or $paged < 2) and $list_custom_title_show === true) { ?>
<h4 class=”block-title”><span><?php echo $td_list_custom_title?></span></h4>
<?php }
query_posts(td_data_source::metabox_to_args($td_homepage_loop_filter, $paged));
get_template_part(‘loop’, ‘simple’);
echo td_page_generator::get_pagination();
?>
</div>
<div class=”span4 column_container”>
<?php get_sidebar(); ?>
</div>
<?php
break;
}
wp_reset_query();
if(!empty($post->post_content)) { //show this only when we have content
if (empty($paged) or $paged < 2) { //show this only on the first page
?>
<div class="row-fluid">
<div class="span12 column_container" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
<?php
if (have_posts()) {
while ( have_posts() ) : the_post();
//read the page settings
the_content();
endwhile; //end loop
}
?>
</div>
</div>
<?php
}
}
echo ‘</div>’; //close the .row
echo td_page_generator::wrap_no_row_end();
get_footer();
?>
Hello Marius,
Thank you but it is not good, the ad is on the slider and title posts with adsense :
http://www.guide-du-chien.com/wp-content/uploads/2014/02/capt3.jpg
But i put a image like the one on your demo, it works :
http://www.guide-du-chien.com/wp-content/uploads/2014/02/capt4.jpg
Have you got an idea ?
Thank you for your help
You could try adding this to your custom css:
.header-logo-wrap img { margin: -5% 0 -8% 0; }
-
This reply was modified 12 years by
webmaster808.
I UPLOADED THE LOGO’S IN THE SIZE THAT IS ASKED/RECOMMENDED.. (300X100 AND RETRINA 600X200)
I NOW UPLOADED A 300X100 INTO THE RETINA600X200, BUT IT DIDN’T SHORTEN THE HEIGHT OF THE HEADER.
I EVEN UPLOADED AN EVEN SMALLER LOGO OF 150X50 BUT THE ONLY THING THAT CHANGED WAS THE QUILITY OF THE LOGO..
HOW CAN IS DO THIS WITH THE MARGINS?
Hello,
Use this code like here in the header menu: http://screencast.com/t/rHCNGGyJ
<div class="row-fluid">
<div class="span12">
<?php echo td_global_blocks::get_instance('td_ad_box')->render(array('spot_id' => 'header')); ?>
</div>
</div>
Don’t forget to erase the ad code from header-style-1.php http://screencast.com/t/CxXxKXr7MkU
Add this in CSS panel
.td-a-rec-id-header {
left: 0 !important;
text-align: center !important;
}
If not aligned center can be done from CSS
Thanks!
Radu,
Thanks for putting me on the right track!! This will work perfectly for what I am looking for!
Cheers
Chris
WE ARE THE TAGDIVERS WE ARE THE BEST 😛
I worked to do that for 2 days. It was worth 🙂
Now the last problem is single post’s mobile pageinsight css files on header problem.
@radu please help for that and we will rock the google 🙂
Sorry, 15px between menu header and slide on homepage for exemple.
Hi Marius,
I put this code at the end of the file menu-header.php :
<div>
<?php
// show the header ad spot
echo td_global_blocks::get_instance(‘td_ad_box’)->render(array(‘spot_id’ => ‘header’));
?>
</div>
But the ad isn’t placed correctly, pleaselook at this screenshot : http://www.guide-du-chien.com/wp-content/uploads/2014/02/ad-placement.jpg
I can i do with css to place it correctly ? I would like to center it and to make space about 15px between top and bottom ?
Thanks a lot
Hi Marius,
I am using the Sped Booster plugin from version 3.0.1 and I am still having issues with the header and inarticle ads as well as background image not showing. the address is (android-advice(dot)com) if you have a chance to look to see if you notice anything done to interfere with the plugin from a source stance.
Hi Marius,
Thanks for your reply. I want to keep my logo above the menu, on the left.
You can view my website here : http://www.guide-du-chien.com.
So the file where i need to ad the code is header-style-1.php. But I would like to keep your code
<?php
// show the header ad spot
echo td_global_blocks::get_instance(‘td_ad_box’)->render(array(‘spot_id’ => ‘header’));
?>
and moove it in the good position, under the menu. I would like to keep your code because i can deasable adds on phones via theme panel.
I tried to moove it on the file menu-header.php but the add appears on the slide or on the beggining of the post.
What can i do Marius ?
Thanks very much
Hi,
you can try this code (add it via themepanel -> css). It will make the logo a bit bigger. I cannot move it in the same line with the buttons :|. If you want to adjust it’s size play with the 142% value (for size) and -20% (for centering)
/* responsive phone */
@media (max-width: 767px) {
.td-logo {
max-width: 142%;
position: relative;
left: -20%;
}
}
Hope this is ok,
Radu O.
Hello,
And you want to keep the logo above the menu?
Style 4 move the logo + ad below the menu or Style 6
Choose a style that i the best for you and what you can do is to put the ad directly in code, you fill find the style file in parts folder: http://screencast.com/t/DhzNXEK06
Thanks!
Hi Marius,
question #2 is still a challenge 🙂
My header ad is still not resizing on tablets and breaks the layout. Can you please take a look.
Thanks in advance,
Norman
Hello,
Do you want to remove the header title from category pages?
You can hide that with a CSS, add it in the CSS panel
.category header {
display:none;
}
.category .td-category {
display:none;
}
.category .entry-content {
display:none;
}
Thanks!
Hello,
@jambr you have managed the issue?
The theme have default size value for easy ad section. Until we will add this option in Theme Panel, you can change it from here: http://screencast.com/t/2IcocCo2
Also please check if you have the latest version 3.0.1. Also you can disable Speed Booster plugin is you have activated to see if work without.
We will release an update in 2-3 days.
Thanks!
Hello,
I have the PSD with that sprite, but is a little unorganized, i will clean it ASAP.
PSD sprite:
http://tagdiv.com/theme/users/elements.psd
http://tagdiv.com/theme/users/elements@2x.psd
Hello,
Ups, sorry, when you have changed to 1-5 point, I forgot to tell you how to make the stars to, change here: http://screencast.com/t/2bdNBa2gZw to fix the star.
Do you still need to remove them from homepage, if now will work correctly?
To remove that, please add this in CSS panel.
.td-review-header {
display: none;
}
.td-review {
margin-top: 0px !important;
}
Thanks for the message!
Hello,
Please check to have v 3.0.1 If you have v3 you can use the patch from the archive. Please replace all files of the theme to be sure you have a ll the files. Should work.
Thanks for the message!
I have adopted style 3 for my header on http://www.abritandasoutherner.com and am really happy with how this looks on the desktop version.
However, when using this on the mobile version I would prefer to have the header/logo beside the navigation button and search button rather than directly above it. Is this possible?
Alternatively, if this is not an option, is it possible to increase the height of the header on the mobile version, whenever I view this on my iPhone in portrait mode, it appears fairly thin (height is only 39px)?
Any suggestions would be appreciated!
Cheers
Chris
But not visible on phones (i will deseable that one phones).
Thanks