- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hey Radu,
I’m not using the speed booster plug and I’ll try using the !important rule. Will report back shortly, thanks!
Hi,
Add this CSS in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements2x.png');
}
}
Replace this: http://screencast.com/t/uSbxUnLN
Thanks!
hi,
are you using ‘tagDiv speed booster’ plugin?
if you do then the css of the theme is moved after the custom css from theme panel (http://screencast.com/t/X9BD1NuXDP), and probably overwrite the custom one.
if you don’t use the ‘tagDiv speed booster’ plugin then you either don’t catch the object correctly or try to use the ‘ !important ‘ word, to overwrite the already executed css : http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/
Thanks for you message.
Radu A.
Hi,
A simple solution is to add the logo in menu like a normal item, add a link in menu and use like <img src="link to your logo"> to add your logo.
Then inspect the logo from menu and adjust it via CSS.
Thanks!
1. the menu bar does not span across the screen on theme predefined fashion style. is there a css for the toolbar to match the theme width menu bar?
2. the css for mobile only works on landscape 🙂 but not portrait. can you advise again?
thanks.
I’ve noticed that not all custom css rules added to the theme panel actually work. For example, I tried to add a different padding to the class for a specifcit devie: .td-menu-wrap #td-top-menu and unfortunately, style.css takes priority in this case. I’ve added several other custom css rules which work with no problem.
Not sure what’s the priority, if I’d get a brief explanation it would be great.
Thanks!
Hi I have just done this for my site. I have a dark blue main menu in desktop/ipad and a white menu background for my phones.
The problem is that I use white icons for my desktop so when it goes to the phone the menu and search icons, cannot be seen.
What CSS do I need to change these icons to black for mobile phone devices?
Hi Radu,
I’m asking questions because I found out the bugs in your theme and hopefully you can make this theme better in future updates/versions, and fix the theme problem, and get my problem solved as well.
Every question that I asked previously, is because they are bugs found, and they do not have problem documentations on the CSS part on each of the module/widget. If you can have complete documentations, that we won’t ask you in this forum. Instead of blaming your customer for asking question, why not improve on your documentations or create video tutorials?
To answer your question, this is the last question that I found, and hope that you can fix this. We, as customer, purchased the theme because we hope that we can get good support from you. Everything on the internet nowadays can be found on many file sharing website, but instead of searching this theme, I purchased this theme, not because that I cannot find, but because of the feedback of your customers on your support.
I hope you can keep your reputation high, as the Avada developer does. I purchased that theme as well. Their supports were awesome. To be honest, your supports were excellent and truly fantastic as well, until I received your message. I’m kind of disappointed, but I hope you can keep on your good supports.
I don’t know how many of you working in your company, and how many of you supporting your customers. My suggestion is, if you don’t have manpower to do so, please add some manpower in your customer service team to share your workload. Thanks.
Hi,
You can make it via CSS, similar to this: http://screencast.com/t/Mpionp9tmt I’ve makes with Firefox inspector some CSS modification.
Hi again,
I have being laying with this further and have decided that it may be better to modify the menu-header.php to setup the logo as I require.
So I want to have the logo positioned on the left with the menu to the left and the various devices showing correctly using CSS for the logo size and menu font size.
If I add the logo to the php file the image floats out side the menu, how do I get it to be in the menu, so it will work no matter what size i set the logo size to.
Hi,
1. I don’t understand your question. For me looks like this: http://screencast.com/t/EabiYbT4
2. Use this CSS for mobile
#wp-toolbar > ul > li {
display: block !important;
}
Thanks!
hi,
probably a css solution. paste your site link, and make a print screen to show us what you try to achieve.
Thanks for you message.
Radu A.
Hi,
Edit like here: http://screencast.com/t/pwgs8rKQPcVp
and add this CSS in Theme panel -> Custom CSS
.td-sbig-title-wrap .td-sbig-title {
background-color: rgba(77, 178, 236, 1);
}
Thanks!
Hi,
Use this CSS, add it in Theme panel -> Custom CSS
.td_popular_categories li a {
font-size: 18px;
}
.td_social .td_social_type {
font-size: 18px;
}
Thanks!
We hide some featured because is not used for news/publishing sites, is not a business theme to use a call action, or similar. If you want to show all stuff from VC make this: http://screencast.com/t/ZXP9vMry
The Call To Action probably have no style defined in CSS, because we never used that.
Thanks for the message!
Hi,
@Jim Daugherty is everything fine there?
Can be fixed with a CSS.
I want my logo in the menu on the left I have already got this working, I have used CSS to remove the header section so it doesn’t show my logo there, but will comment out locate_template(‘parts/header-style-1.php’, true); in the header.php file once working correctly.
I just have a few questions to get this working as I require.
I want to have my logo on the left on all devices , so I have placed the menu item as the first one to get this working on my desktop version, but for other devices I get the logo on the right, how do I get the logo on the left and menu on right for other devices?
I also want a larger logo than the one I have seen people use, how do I increase the height of the menu to place a larger logo while still having the other menu items show correctly?
I am trying something similar to this, I want my logo in the menu on the left I have already got this working, I have used CSS to remove the header section so it doesn’t show my logo there, but will comment out locate_template(‘parts/header-style-1.php’, true); in the header.php file once working correctly.
I just have a few questions to get this working as I require.
I want to have my logo on the left on all devices , so I have placed the menu item as the first one to get this working on my desktop version, but for other devices I get the logo on the right, how do I get the logo on the left and menu on right for other devices?
I also want a larger logo than the one I have seen people use, how do I increase the height of the menu to place a larger logo while still having the other menu items show correctly?
Updated but not working
see the child theme updated code
/*
Theme Name: Newspaper Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 1
*/
@import url("../Newspaper/style.css");
/* ----------------------------------------------------------------------------
/* ----------------------------------------------------------------------------
thumbnails
*/
//the image sizes that we use
add_theme_support( 'post-thumbnails' );
//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
add_image_size('featured-image', 326, 159, true);
} else {
add_image_size('featured-image', 326, 159, true);
}
//the small thumbnails
set_post_thumbnail_size( 326, 159, true );
add_image_size('art-thumb', 326, 159, true);
//small height, 1 col wide
add_image_size('art-wide', 326, 159, true);
//medium height 1 col wide
add_image_size('art-big-1col', 326, 159, true);
//the slides
add_image_size('art-slide-small', 326, 159, true);
add_image_size('art-slide-med', 326, 159, true);
add_image_size('art-slide-big', 326, 159, true);
//big slider - big image
add_image_size('art-slidebig-main', 326, 159, true);
//the gallery
add_image_size('art-gal', 326, 159, true);
*/
I used the following code in the custom CSS area of the Newspaper Theme.
textarea, input{
border: 1px solid #000000 !important;
}
hi,
In visual composer the CSS Animation ( NOT WORK ) Why ?
so please is it work or no ?
and the Frontend Editor not found in Newspaper 3.7 ?
and i love your new VC plugin to the theme , I think if it work fine the theme will raise up to higher level of rating and population than ever > THANK YOU <
hi,
the images are scaled so that all the image will fit the slider.
either add bigger images or use this css (will increase the image size but show only a part of the image, as the image is increase )
.td_normal_slide .iosSlider img.entry-thumb{
width: 1045px ;
max-width: auto;
}
here: http://screencast.com/t/3Qh4ATJm
Thanks for you message.
Radu A.
As I said, followed all your steps exactly as you show. Still not working…
Is there a css thing I can add or something? Because no matter what category ID I throw in there, it shows me random posts.
I’m using child theme, so that might be the issue? Btw: I’ve edited both the newspaper more article box file and the child theme file, just to be sure…
hi,
I see the problem,
you can try this css.it will only hide from view the home link, but the link is still there. I cound not remove the link and make mega menu to work , sorry about this:
#td-top-menu ul.sf-menu li:first-child a span{
display:none ;
}
#td-top-menu ul.sf-menu li:first-child a {
border-bottom-color : #ffffff;
cursor: default;
}
here: http://screencast.com/t/YdKuPOh3i8
Thanks for you message.
Radu A.
There’s one problem with the CSS code. The megamenu does not work when the window is <1200px. You can test the site by yourself.
I have no idea where the problem is. Could you please help me?
Thank you in advance. Best regards.