- NewspaperHow to Add a Logo in Newspaper
- NewsmagLogo & Favicon
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewsmagWhat’s included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Hi guys,
I need some small changes. Could you help me?
1. Website uses style 9 header and I need a bigger logo on desktop only (max height 54px instead of 44px). Mobile version should be the same.
I tried this by changing this:
.td-main-menu-logo img {
position: relative;
max-height: 54px;
margin: 0px 21px 0px 21px;
AND
.sf-menu > li > a {
padding: 0px 15px 0px 15px;
line-height: 54px;
font-size: 14px;
color: #ffffff;
font-weight: 700;
font-family: ‘Open Sans’, arial, sans-serif;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
But it moved down the logo to much on mobile version…
2. 20x margin between menu and newsgrid 
3. Subfooter: What I have: 
What I need: 
Thats, right Chris. Hope they can fix soon.
BTW, with your tips about minifying I’ve already reached a 90 score in Page Speed and 96 in GTMetrix. Thanx.
How can I specify the dimensions of the logo in the theme code?
Hi,
You can do this from Appearance -> Menu, add a new menu item and in Navigation Label section add image source like this: http://screencast.com/t/AInGu7tZfwA
Image Source should look like this:
<img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png" />
And you will get this result: http://screencast.com/t/pVqRCnkBmfs
Also use css to style the image if it doesn’t fit well: http://screencast.com/t/wlGxgtrme
Thanks
-
This reply was modified 11 years by
Lucian.
I backed up the theme, uploaded child theme and activated, and it was okay with the original theme. I updated the Newspaper theme to latest update and that seemed to break the site because it stripped the menu and duplicated logo and messed up the site. I thought this was an issue with the new theme, but it appears to be the combination with the old child theme, because when I activated the main theme it fixed the site, and it appears to have the settings I setup when using the last version of the main Newspaper theme.
Again, I think I would have saved a issues now and in the future if I was advised to start with Child theme when installing.
Going forward is there a way to create a child theme that doesn’t mess up the site? I’m just concerned that updating the main theme in the future will mess up changes I make.
Please Advise.
Not sure this is the answer, but check to see if the optimized sizes are actually being created; possibly add those sizes as the default sizes under WP > media settings so they are made in addition to the theme sizes. Problem with “mobile” images is they are responsive but no specific phone uses the same “sizes” for the viewport “width” so technically I suppose images will always end up being resized larger or smaller.
Google mod_pagespeed helps with this issue if your server/hosting company offers that.
But try the media sizes being served added to your media settings, regen thumbnails, then retry. Not sure that will solve it, but worth a try.
I admit I have not yet tested my install of Newsmag for page speed as still messing with the home page and logos today 🙂
I can’t understand the guide how to add the logo on the menu. Could you please write a solution here?
installed shop.
when ordering appears incomprehensible code.
Moreover, it appears only in IE.
In Google Chrome’s OK
ie:
http://s017.radikal.ru/i412/1411/d6/7edff2d60762.jpg
google chrome:
http://s57.radikal.ru/i155/1411/c8/cb9203cbeb45.jpg
this is my func file child-theme
<?php
/* ----------------------------------------------------------------------------
WordPress booster framework - this is our theme framework - all the content and settings are there
It is not necessary to include it in the child theme only if you want to use the API
*/
if (!defined('TD_THEME_WP_BOOSTER')) {
include TEMPLATEPATH . '/includes/td_wordpres_booster.php';
}
//Удаление цветовой схемы
remove_action( 'admin_color_scheme_picker', 'admin_color_scheme_picker' );
//Редактирование полей в профиле
function modify_contact_methods($profile_fields) {
// Add new fields
//$profile_fields['twitter'] = 'Twitter Username';
//$profile_fields['facebook'] = 'Facebook URL';
//$profile_fields['gplus'] = 'Google+ URL';
$profile_fields['dopplr'] = 'VK';
$profile_fields['delicious'] = 'Battlelog';
// Remove old fields
unset($profile_fields['google']);
unset($profile_fields['evernote']);
unset($profile_fields['dribbble']);
unset($profile_fields['digg']);
unset($profile_fields['blogger']);
unset($profile_fields['deviantart']);
unset($profile_fields['forrst']);
unset($profile_fields['github']);
unset($profile_fields['googledrive']);
unset($profile_fields['googlemaps']);
unset($profile_fields['grooveshark']);
unset($profile_fields['html5']);
unset($profile_fields['lastfm']);
unset($profile_fields['linkedin']);
unset($profile_fields['myspace']);
unset($profile_fields['path']);
unset($profile_fields['picasa']);
unset($profile_fields['pinterest']);
unset($profile_fields['posterous']);
unset($profile_fields['reddit']);
unset($profile_fields['sharethis']);
unset($profile_fields['slashdot']);
unset($profile_fields['spotify']);
unset($profile_fields['stackoverflow']);
unset($profile_fields['stumbleUpon']);
unset($profile_fields['tehnorati']);
unset($profile_fields['sharethis']);
unset($profile_fields['addthis']);
unset($profile_fields['behance']);
unset($profile_fields['tumblr']);
unset($profile_fields['viddler']);
unset($profile_fields['virb']);
unset($profile_fields['windows']);
unset($profile_fields['woordpress']);
unset($profile_fields['zerply']);
unset($profile_fields['paypal']);
unset($profile_fields['yahoo']);
unset($profile_fields['vimeo']);
unset($profile_fields['rss']);
unset($profile_fields['soundcloud']);
return $profile_fields;
}
add_filter('user_contactmethods', 'modify_contact_methods');
//Удаление админбара для всех кроме админа
add_action('after_setup_theme', 'remove_admin_bar');
function remove_admin_bar() {
if (!current_user_can('administrator') && !is_admin()) {
show_admin_bar(false);
}
}
//логотип при входе
function my_login_logo(){
echo '
<style type="text/css">
#login h1 a { background: url('. get_bloginfo('template_directory') .'/images/logo.png) no-repeat 0 0 !important; }
</style>';
}
add_action('login_head', 'my_login_logo');
//Теперь нам необходимо сделать так, чтобы логотип ссылался не на сайт wordpress.org, а на наш с вами.
//Тут тоже особо трудного ничего нет, добавляем всего лишь еще одну строку
add_filter( 'login_headerurl', create_function('', 'return get_home_url();') );
//Всплывающую подсказку что сайт работает на WordPress надо тоже убрать, и добавить свою фразу.
//Тут нам поможет эта строка:
add_filter( 'login_headertitle', create_function('', 'return "Brothers in Games - Сообщество любителей поиграть вместе";') );
//убрали лого из админбара
add_action( 'wp_before_admin_bar_render', function() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo');
}, 7 );
//убрали ненужные виджеты
function shailan_remove_dashboard_widgets() {
// Remove Quick Press Widget
remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
// Remove Incoming Links Widget
remove_meta_box( 'dashboard_incoming_links', 'dashboard', 'normal' );
// Remove Recent Comments Widget
remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
// Remove Latest Plugins Widget
remove_meta_box( 'dashboard_plugins', 'dashboard', 'normal' );
// Remove WordPress Blog Widget
remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );
// Remove Other WordPress News Widget
remove_meta_box( 'dashboard_secondary', 'dashboard', 'side' );
}
add_action('wp_dashboard_setup', 'shailan_remove_dashboard_widgets' );
//удалили версию из футера админки
function my_footer_shh() {
remove_filter( 'update_footer', 'core_update_footer' );
}
add_action( 'admin_menu', 'my_footer_shh' );
//удалили указание на вп в футере
function remove_footer_admin () {
echo '';}
add_filter('admin_footer_text', 'remove_footer_admin');
//удалили таб помощи сверху
add_action('admin_head', 'mytheme_remove_help_tabs');
function mytheme_remove_help_tabs() {
$screen = get_current_screen();
$screen->remove_help_tabs();
}
//убрали метатег из хедера показывающий использование вп
function fjarrett_remove_wp_version_strings( $src ) {
global $wp_version;
parse_str(parse_url($src, PHP_URL_QUERY), $query);
if ( !empty($query['ver']) && $query['ver'] === $wp_version ) {
$src = remove_query_arg('ver', $src);
}
return $src;
}
add_filter( 'script_loader_src', 'fjarrett_remove_wp_version_strings' );
add_filter( 'style_loader_src', 'fjarrett_remove_wp_version_strings' );
//Hide WP version strings from generator meta tag
function wpmudev_remove_version() {
return '';
}
add_filter('the_generator', 'wpmudev_remove_version');
//скрытие пунктов меню слева от посторонних глаз
add_action( 'admin_init', 'my_remove_menu_pages', 999 );
function my_remove_menu_pages() {
// If the user does not have access to publish posts
if(!current_user_can('administrator')) {
remove_menu_page('bsf-dashboard');
remove_menu_page('wpcf7');
remove_menu_page('edit.php?post_type=explandict');
remove_menu_page('tools.php');
}
}
// get the "author" role object
$role = get_role( 'author' );
// add "organize_gallery" to this role object
$role->add_cap( 'unfiltered_html' );
// убираем инфу о неправильном пароле при входе
add_filter('login_errors',create_function('$a', "return null;"));
// убираем из кода страницы упоминание о Yoast WordPress SEO plugin
add_action('get_header', 'rmyoast_ob_start');
add_action('wp_head', 'rmyoast_ob_end_flush', 100);
function rmyoast_ob_start() {
ob_start('remove_yoast');
}
function rmyoast_ob_end_flush() {
ob_end_flush();
}
function remove_yoast($output) {
if (defined('WPSEO_VERSION')) {
$output = str_ireplace('<!-- This site is optimized with the Yoast WordPress SEO plugin v' . WPSEO_VERSION . ' - https://yoast.com/wordpress/plugins/seo/ -->', '', $output);
$output = str_ireplace('<!-- / Yoast WordPress SEO plugin. -->', '', $output);
}
return $output;
}
Hi,
@albnaldo Unfortunately the menu it’s designed like that and you need some custom modifications to make it smaller and also look well on all screen sizes.
A simpler approach would be to add the logo into your menu as a menu item using this method: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/ then edit the header.php file and remove this line: http://screencast.com/t/9JjUa9zq1WM
Hope this helps!
Thanks
The code only changes the size of the logo…
Try this css code and let me know if it work for you…you can play with the height to it please you…
.td-head-style8-logo-desktop img {
height: 68px;
}
Hi,
Unfortunately this happens because of the width of the logo which you will need to adjust it on each screen via css.
Sorry for the inconvenience!
Thanks for the message!
Thanks for all the help. I implemented your code, but to be honest, it’s still not to my liking. I tried to change to Style 8 – logo + menu on one line and it looks nice on the desktop, but not on the phone or tablet.
The biggest gripe I have is that when it’s in mobile/tablet mode, I’d like the logo and menu/search icons to be in one line. I can’t seem to get that working and not have the logo be really, really small in mobile mode.
If this is the way it is, I’ll live with it.
Hello,
I enabled logo and menu in one line, but the menu becomes too big. As you can see from the screenshot, there is a big gap on the tap and bottom of categories. Is there any way of making the menu smaller so there is no space above and below categories?
Hi,
Glad you managed to get it done. You could use this css snippets to style the logo on each screen width:
/* responsive phone */
@media (max-width: 767px) {
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1200px) {
}
/* responsive monitor */
@media (min-width: 1201px) {
}
You can also chose a different header style and set a logo for mobiles but that way you wont have a full width logo anymore, unless you are fine with that.
Hope this helps!
Thanks
Thanks! That helped. The logo looks better on mobile phones, but it’s still wonky on tablet sized devices. I wish I could specify logos in certain sizes instead of having to use just one for all devices.
But at least it’s better now for most devices. Thanks again!
Ezay evacuated down the list who Logo Heck from Yemen to the north
Hi,
You could try something like this: http://screencast.com/t/amQOYutU6
@media (max-width: 767px){
.header-style-3 .td-logo {
position: absolute;
right: 8px;
top: -3px;
z-index: 10000;
padding-top: 0px;
width: 310px;
height: 49px;
}
}
Hope this helps!
Thanks
Hi,
If you refer to this one: http://screencast.com/t/jNaJM9lV please note that this is an image logo created in Photoshop, we do have the psd of it but isn’t vector file and the text can’t be changed, if you still want to have it send an e-mail at contact@tagdiv.com and we will send it to you, please paste the URL of this topic in your message.
Thanks
I’ve got my logo looking pretty good when viewed on desktops, but viewed on mobile devices, it’s not ideal. It’s skinny and seems as though it could be lined up better with the menu and search buttons to conserve space. Does anyone have any suggestions on how I can make it look better, mainly on mobile devices?
Site: http://aftercredits.com/
Hi,
Please use this custom css in theme panel > custom css filed: http://screencast.com/t/gFz2LmiQolt
.header-logo-wrap {
margin: 20px 0px 20px 0px !important;
}
Thanks
hi,
is it possible to have classic blog style with header style 1 ? Logo + ad + menu
classic blog looks great … would like to use it … just doesnt work well with header style 1 … which i also need.
please advice
thanks
Hi Lucian:
I’ve partially solved the problems. The plugin that what causing the strange behavior with WP Super cache so I removed it. But I still have the css problem with the aweber form that was working OK. Now on The home page and 2 more categories the CSS works fine, the others no. It seem to be some kind of cache problem.
Now about the images that were scaled instead of load as thumbnails I’ll copy some examples from the gtmetrix report:
The following images are resized in HTML or CSS. Serving scaled images could save 972.7KiB (71% reduction).
Some samples below:
http://www.mujeresdeempresa.com/wp-content/uploads/2003/08/saskia-sassen.jpg is resized in HTML or CSS from 624×351 to 198×111. Serving a scaled image could save 78.7KiB (89% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2002/04/networking2.jpg is resized in HTML or CSS from 611×427 to 198×138. Serving a scaled image could save 68.9KiB (89% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2014/02/puck_poster.jpg is resized in HTML or CSS from 640×381 to 198×117. Serving a scaled image could save 68.6KiB (90% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2014/09/isabel_allende.jpg is resized in HTML or CSS from 745×483 to 198×128. Serving a scaled image could save 45.3KiB (92% reduction).
The following image(s) are missing width and/or height attributes.
http://forms.aweber.com/form/displays.htm?id=TAzsDOysDIzsHA== (Dimensions: 1 x 1)
http://pagead2.googlesyndication.com/pagead/images/google-logo.png (Dimensions: 106 x 36) (3 uses)
http://pagead2.googlesyndication.com/pagead/images/nessie_icon_tiamat_white.png (Dimensions: 26 x 42)
http://t1.gstatic.com/favicon?q=tbn:ANd9GcTheO6i2IuYw2YW53b-P_NSQZ2kDhwjcs0yMFim2JZ3Ag-1ceGL8vLlAERz4yrZlfdmuv7O11AJ5AHfts1x8nDAjw (Dimensions: 16 x 16)
http://www.mujeresdeempresa.com/wp-content/themes/Newspaper/images/icons/similar-right.png (Dimensions: 6 x 9)
Any ideas?
Thanks for your help.
Hi,
Like this: http://screencast.com/t/VB75UlHjIQ
Use this custom css and add it in the custom css filed in theme panel: http://screencast.com/t/GxV5NSJrrN
.td-header-bg .header-logo-wrap {
margin-top: 0px;
}
Thanks
