- 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
I have read the forum discussions and tried to use all the different header styles. Still, my logo is always reduced to about 300 px wide. I uploaded logos as wide as 1000 px, select header style #10, still is very small.
Our site: http://www.inside-fashion.com
Hi,
As I said this is not an easy task, and even if you can manage to do something like this, it would take extensive testing and you would have to take in account multiple elements. Here is a custom code that seems to work for now, I suggest you enter it in Theme panel->Advanced Css in the desktop section – https://www.screencast.com/t/LswxcxYy The code may need additional modifications in the future because problems could arrive, since the header style is not supposed to display like this.
.td-header-style-5 .td-main-menu-logo {
margin-left: 18%;
}
.single .td-header-wrap.td-header-style-5 {
width:100%;
position: absolute;
left: 0;
}
.td-header-menu-wrap-full {
height: 70px!important;
}
.td-header-menu-wrap.td-affix {
width: 100%!important;
}
This is the result – https://www.screencast.com/t/8DCYFOpJ8LzJ – https://www.screencast.com/t/t4MDJ3eXkf6O – https://www.screencast.com/t/FSNDL1FGP6P
Thanks
In one of the demos you have on themeforest, the login modal has a background image.
I don’t see a way to do that in the theme panel, what is the css for that please?
My goal is to have a small logo displayed in the upper left corner, and the rest of the box to be white, no transparency.
Thanks,
Chris
Hello,
of course
https://www.xn--psicologa-n5a.es/psicologo-en-valencia-carlos-martinez/
Thank You very much.
Hi,
That is happening because there is a custom width set on the logo – https://www.screencast.com/t/aT675AEpl0 and there simply is no space available in the header to display the logo and the menu on the same line. Look for the custom css code that is more likely in Theme panel->Custom Css and remove it or decrease the value – https://www.screencast.com/t/ZaicXM5y Also I see that the height of the header menu has been changed – https://www.screencast.com/t/ITDFz7KnBG83 from the default one – https://www.screencast.com/t/j6Gaa4lauefa and that is most likely done in theme’s stylesheet. These are the default header styles available in the theme – https://forum.tagdiv.com/header-styles/ and the recommended logo sizes – https://forum.tagdiv.com/logo-favicon/
Thanks
Hi,
Recently the logo has been looking strange on my website. The size of the logo itself is fine but it’s become a large blank space beneath it, making the header way too big and weird looking. When loading the page it seems like it sticks for about 1 second before jumping out of its position.
How can this be fixed? Thank you for your help. Here’s a link to the website.
Hello mydream2,
Please notice that our Car Enthusiast demo uses the Header Style 10 which display the logo in full width. Basically, if you want to change this image, you simply change the logo, as you can see here -> https://www.screencast.com/t/n5JnoFTSiej.
Thanks for your understanding!
Hi,
If you would set those properties to the logo image it would look like this – https://www.screencast.com/t/PVOTeniNMq since there is no space available for the logo to display in the same line with the header ad, in these conditions. The best you could do with this header style and still display properly is like this – https://www.screencast.com/t/as8bMlPxscQw using this code, you should enter it in Theme panel->Advanced Css in the desktop section – https://www.screencast.com/t/7geRJitW0
.td-header-style-1 .td-header-sp-logo img {
min-height: 131px;
min-width: 340px;
}
.td-header-style-1 .td-header-sp-logo {
min-height: 131px;
min-width: 340px;
margin:0;
}
Thanks
Hello, is there a way to click to display the subcategories in the main menu instead of hovering over them? I’m currently using a plug-n called max mega menu and it does what i want but it creates a new line for the menu which takes the menu away from the logo. If there is any way i can have the logo next to the menu while clicking for the drop down I’d much appreciate it.
Hi,
Try to add the important tag to it like so:
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 0!important;
}
Thank you!
Hi,
You can choose a different header style if you want a bigger logo size – https://forum.tagdiv.com/logo-favicon/ For example header style 9,10 and 11 use a full width image size. This can be seen in the cars demo – https://demo.tagdiv.com/newspaper_cars/ which uses header style 10.
Thanks
Dear Bogdan,
I tried to put the code directly at the bottom of styles.css in the main folder of the theme.
But it doesn’t work.
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 0px;
}
It looks like the css code was generated to the page and not call the file style.css
Thanks,
Chris
Hey I’m having problems with my website menu header and footer. I was wondering if there is a way to disable the sticky menu, and my footer has the site logo in it for some reason and I cant seem to find a way to remove it or even put stuff in the footer itself. If anyone can help, please.
Hello!!!
I am back with another question. How can I make the main menu logo larger?
I´ve entered this code in custom css, but it doesn’t work:
.td-main-menu-logo img {
min-height: 151px;
min-width: 458px;
}
Thx for quick help!
Here is the site link: http://www.inklusiv.at
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It has given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Here is the entire code I have been provided with. I did not invent it myself. I am not a programmer. It was given to me in this forum.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
I am not “understanding” actually.
All the time you wasted talking over me could have been used solving the problem. Your “solution” with the refund is frankly ridiculous and offensive.
If you were a bit more concerned with customer service, you would have noticed that MANY online newspapers’ and magazines’ websites have the stretched and fixed on top main menu feature that I have spent so much time begging for here. See http://nypost.com, or http://nytimes.com to name a couple! Are you maybe not following current design trends for the type of websites you offer templates for?
I do not know if you are a developer or an owner, but your response is both inappropriate in terms of common business sense and meaningful customer service.
And again, if the solution you provide is non-working because of prior customization (actually my site does not have customization other than fixing the position of the logo and stretching the main menu, which by the way should be better managed by your template, but they are not), that means that either you or the other developers who have responded are providing bugged code.
And please, do not offend my limited intelligence by quoting your site’s policies as if a policy is not flexible enough to cater to your paying customer’s BASIC and MEANINGFUL requests, which are in line with current design and technical trends, then those policies are as good as crap.
Peter
Hey tagDiv team and friends,
I’m not sure what happened after updating NewsMag to v3.3.1
Both the mobile menu and the desktop menu are appearing on the site.
Link to my site : http://www.goproace.com/
and here is a screenshot of the issue: http://www.goproace.com/wp-content/uploads/2017/03/1.png
Also, as you may see in the screenshot, the meta description text is appearing onto of the website logo.
Please advise thank you
Hello,
Could you please let me know how can I change the following header css
.td-header-style-1 .td-header-sp-recs, .td-header-style-1 .td-header-sp-logo {
margin-bottom: 28px;
}
I can change it to custom css, but when open the page it will load default first then custom css.
here is the sample page. http://admin.dushi.singtao.ca/toronto/
You can see the top header height changed a little bit delay.
Thank you!
Chris
how to add more than one item?
// Before VC Init
add_action( 'vc_before_init', 'vc_before_init_actions' );
function vc_before_init_actions() {
//.. Code from other Tutorials ..//
// Require new custom Element
require_once( get_template_directory().'/vc-elements/sponsor-offer.php' );
}
<?php
/*
Element Description: VC Info Box
*/
// Element Class
class vcInfoBox extends WPBakeryShortCode {
// Element Init
function __construct() {
add_action( 'init', array( $this, 'vc_infobox_mapping' ) );
add_shortcode( 'vc_infobox', array( $this, 'vc_infobox_html' ) );
}
// Element Mapping
public function vc_infobox_mapping() {
// Stop all if VC is not enabled
if ( !defined( 'WPB_VC_VERSION' ) ) {
return;
}
// Map the block with vc_map()
vc_map(
array(
'name' => __('Oferta Sponsorowana', 'text-domain'),
'base' => 'vc_infobox',
'description' => __('Another simple VC box', 'text-domain'),
'category' => __('My Custom Elements', 'text-domain'),
'params' => array(
array(
'type' => 'textfield',
'holder' => 'label',
'class' => 'title-class',
'heading' => __( 'Label Oferty', 'text-domain' ),
'param_name' => 'label',
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'h3',
'class' => 'title-class',
'heading' => __( 'Title', 'text-domain' ),
'param_name' => 'title',
'value' => __( 'Tytuł', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'img',
'class' => 'title-class',
'heading' => __( 'Obrazek', 'text-domain' ),
'param_name' => 'images',
'value' => __( 'Link do obrazka', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textarea',
'holder' => 'div',
'class' => 'text-class',
'heading' => __( 'Text', 'text-domain' ),
'param_name' => 'text',
'value' => __( 'Opis...', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
),
array(
'type' => 'textfield',
'holder' => 'img',
'class' => 'title-class',
'heading' => __( 'Link zewnętrzny', 'text-domain' ),
'param_name' => 'link',
'value' => __( 'Proszę podać link zewnętrzny', 'text-domain' ),
'admin_label' => false,
'weight' => 0,
'group' => 'Custom Group',
)
)
)
);
}
// Element HTML
public function vc_infobox_html( $atts ) {
// Params extraction
extract(
shortcode_atts(
array(
'title' => '',
'text' => '',
'images' => '',
'link' => '',
'label' => '',
),
$atts
)
);
// Fill $html var with data
$html = '
<div class="so_label">
<span class="so_label-name">' . $label . '</span>
</div>
<div class="special-offer">
<div class="so_content">
<div class="so_logo">
</div>
<div class="so_description">
<span class="so_title">' . $title . '</span>
<p class="so_text">' . $text . '</p>
</div>
</div>
<div class="so_button">
Wyślij wniosek
</div>
</div>';
return $html;
}
} // End Element Class
// Element Class Init
new vcInfoBox();
?>
Hi,
Those were only suggestion to get you started in what you want to achieve, by following other topics somewhat related to this. I believe the same steps need to be followed, you need to register a new menu here – https://www.screencast.com/t/cVyHvGJM and condition it here – https://www.screencast.com/t/3BqrqarTXdFE and the logo here – https://www.screencast.com/t/QP61fMDo9Tq It should be mentioned that the theme was not designed to have the possibility to easily switch menus based on conditioning. Please notice that if you want to achieve this it requires coding knowledge, so if you are not aware of the steps required to implement this custom functionality, you should consider hiring a freelancer/developer to help you, because time does not allow us to provide custom work at the moment.
Thank you for understanding!
Hello,
1) We always recommend using a header style that uses the full logo if you want bigger sizes for your logo. Here are the required logo sizes for all the different header styles: https://forum.tagdiv.com/header-styles/
Please use headwer style 9, 10 or 11 as they will show the exact size you upload your logo in. Right now your logo cannot be stretched to 434 pixels as it is only 300 x 86 and forcins it to stretch via css will cause lots of quality loss https://www.screencast.com/t/QiIJLqhlTHY
2)If you add a featured image and add it in the content as well, then both will show up on regular post styles. Our theme has 14 post style to choose from. Please change the post style for the posts that have this duplicate image to post style 5 that will not show the featured image: example:
https://demo.tagdiv.com/newspaper/td-post-mcdonell-kanye-west-highlights-difficulties-for-celebrities/
Thank you!
Hello neoandrej,
Check the Logo section from Theme panel to be set up with your right logo, both fields. I have checked your website but I did not saw any problem with your logo, sorry!
Thanks for your understanding!
Hi Simion,
Ok I understand.
The two topics you sent are a little bit different of my problem.
I would like to change the header : logo + change the menu (not just the design, the links) in a conditional logic like (specific page or tag).
Regards,
