- 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
Hi
That happens because the css from theme panel it’s applied after the main css from the theme, or after the css of the plugin which generate the social icons. You will have to edit the plugin’s css file and place the code directly into it to remove the delay.
Thanks!
Hello shackonline,
Please try to use another template for your page, like pagebuilder+page title and if you do not want to have the title, you can hide it with a bit of CSS code, like this -> http://screencast.com/t/NAcARLAQLs3
The code is ->
.td-page-title {
display:none;
}
Thanks for your understanding!
Hello kurdi,
Please keep in mind that all the demo styles are custom made for each of them. If you want to achieve the same layout and design for your block title, you will have to check the demo baby blog custom CSS source and try to implement yourself this design because we cannot provide customization services at the moment, sorry! Please try to check this file, like this -> http://screencast.com/t/by3FybR5Zcgi -> http://screencast.com/t/Ew2T7Qakun
Hope this helps!
Thaks for your message!
Hi
The above solution won’t work for Newspaper V 6.7.2 because the css will not fit. Basically the custom html structure which insert the new containers will work but the css must be adapted to Newspaper’s style. Basically you have to edit this file like here: http://pastebin.com/inKygqcr – http://screencast.com/t/yxbzfFW3
Also you have to use this custom css: http://pastebin.com/P2uMVicW – http://screencast.com/t/B5mbhSvddrXD
Thanks!
Hi
You have to edit header-style-5.php and paste this code here: http://screencast.com/t/AHwh3qtqqiG
<div class="td-header-row td-header-top-menu td-container">
<?php locate_template('parts/header/top-widget.php', true); ?>
</div>
Also you’ll need this css in theme pabnel > custom code > custom css: http://screencast.com/t/yirv2GdkFld
.td-header-row.td-container {
width: 1021px;
}
.td-header-style-5 .td-header-sp-top-widget i{
color: black;
}
Thanks!
Hi,
Unfortunately css cannot do this. It does not detect the category of the post. for this you will need coding skills and conditions added in the theme files in PHP. If you do not have the proper coding knowledge for this, you can hire a freelancer from sites like studio.envato.com
Thank you!
Thank you very much, it worked exactly as i was expecting and searching for long time.
STILL ONE QUESTION
how to obtain TOP Bar Menu like http://www.bollywoodbubble.com (AND help for as Main Header Menu will be extra but not ncessary)
Any css code to obatin this?
I am eagerly waiting for your help again.
Thanks.
Hi,
I just installed your theme and face some problems. I am using WPML to switch between english and german language. I know, you told me, that the theme is not certified for the use with WPML.
Still, I wonder, why the english page (https://www.offroaddance.com) looks fine (besides the thumbnails which I have to regenerate), while the german version (https://www.offroaddance.com/?lang=de) looks completely smashed.
The preview of the german home page looks just fine. German and english version are identical besides, that I gave the german category id´s for the different blocks.
Do you have an idea, what could be the problem or how this can be solved ?
Additionally, I am having some maps on my post pages (i.e. https://www.offroaddance.com/black-rock-mountain-road-arizona-strip-english/). The map should show up below the text “And here is an overview of the area, we visited:”.
The maps are loaded in a div element as iframe and I am using the following custom css code to scale them for the content area width:
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Unfortunately, the maps are not showing up, if I use this custom css. If I remove it, the map shows up, but uses the complete width of the content block + sidebar area and doesn´t stay within the content area.
Maybe you are also having an idea about this ?
Thanks in advance for your help.
After I install the theme via FTP to wp-content/themes, I find added theme appears at themes folder. However, when I go back to the “manage theme”, there is no new theme, and said:
Broken Themes
The following themes are installed but incomplete.
Name Description
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.
What’s going on? How was I done? PLS help.
Hello. I am customizing the default Newspaper demo style. I would like to change the look of the titles of elements in the sidebar to look the way they do in the ‘Baby Blog’ demo. Could you provide the CSS for this?
To illustrate what I want, the following JPEG shows what currently exists (top) and what I am looking for (bottom, from the Baby Blog demo).
Thanks
Thanks for answer !!
1) Leverage browser caching: You mean i should put this code on .htaccess file ? http://prnt.sc/b968i7
02 ) As you said the Render its blocking javascript and css http://screencast.com/t/ilbp7Ug6XL So how i should fix it ??
Hello, I’d like to take this one step further–is there a way to add code in the CSS to have a custom color/image BG in the video post types (10, 11) based on Category?
For example, a Lifestyle video would have a blue BG, a Gaming video would have a red BG, etc.
Ideally, I would love to have video display in post using a post style similar to style 8, where the featured image for the video is the entire BG, but the video plays where it would in style 10… I just don’t know if that’s possible?
Thanks!
-
This reply was modified 10 years by
Kage.
Hi,
Are you sure you applied every step from our guide?
1) Leverage browser caching: http://screencast.com/t/6D9hVHoTwj- http://screencast.com/t/73POoNuNMn
2) Improve server response time: https://developers.google.com/speed/docs/insights/Server
3) Render blocking javascript and css: http://screencast.com/t/ilbp7Ug6XL
Please check to see if speedbooster is active after you enable it and follow this topic to learn about speedbooster’s compatibility list for other plugins: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
Also please try to disable any untested plugins. as plugins could also slow your site down.
4)image optimization: http://screencast.com/t/FByp3GN4UkT – http://screencast.com/t/aSJkSNAnRn
Nopne of the things I mentioned here are not done properly as they are still detected by google. please follow each step of the tutoprial proiperly and your tet results will increase. Here is what the theme will score if they are set properly: https://developers.google.com/speed/pagespeed/insights/?url=demo.tagdiv.com%2Fnewspaper&tab=mobile
You just need to improve your site a bit further.
Thank you!
Hello,
If you want to have the menu like on the demo, you need to install the demo itself as every demo has a piece of custom css inside it to alter the theme style. Some of the features cannot be replicated on the default demo without custom modifications. If you want to use the code from the demo, you can find it in the demo’s css file here: http://screencast.com/t/gsqC9Ltk
Thank you!
Hi,
That is no error, but a simple warning that lets you know you use the !important tag. This can be ignored. Please add the code in the theme panel->mobile theme->custom css box and click the save button http://screencast.com/t/LhHu73MJC4PZ.
Thank you!
Hi,
If you want to remove the ads on mobile, you can do it 2 ways. You can either use the mobile theme and not set any ads for it (only available in nespaper7): https://forum.tagdiv.com/the-mobile-theme/
Or you can use css to hide them (adsense will still detect hidden ads, but the viewer will not be able to see it)
You can use this code:
@media(max-width:767px){
.page .td-g-rec{
display:none!important
}}
This will remove all ads on pages on mobile
Thanks.
Love this theme! As a thank you, here’s some custom code. Sure there are better ways, but I don’t know them. 🙂 I spent last night coding this out, and I figure some others might have the same request. I’m running WordPress MU and wanted to share a menu with all the sites, but I didn’t want to manually enter each in. The code will pull the contents from the top menu into the mobile menu.
//// TO MAKE MENU APPEND TO MOBILE RESPONSIVE MENU. ONLY TOP LEVEL LINKS /////
Custom CSS – Enter into Theme Options -> Custom Code -> Custom CSS
@media (max-width: 767px)
{
/* Hide Dropdowns */
#menu-top-bar li ul {
display: none !important;
visibility: none;
}
/* Hide Down Icon */
#menu-top-bar .td-icon-menu-down {
display: none;
}
.top-header-menu li {
display: list-item;
}
}
CUSTOM JAVACSRIPT – Enter into Theme Options -> Custom Code -> Custom Javascript
jQuery(function() {
var content = jQuery(".menu-top-container").contents(); //GET TOP MENU CONTENT
jQuery(".td-mobile-content").append("<hr />"); // THIS JUST ADDS A DEVIDER
jQuery(".td-mobile-content").append(content.clone()); //clone to contents (so it won't be reomoved from original element) and move element into menu
});
That’s it. 🙂 Below are a few more options.
/// THESE ARE OPTIONS THAT DON’T PULL THE CODE INTO THE MOBILE MENU, BUT DISPLAY IT AT THE TOP.
CSS TO MAKE TOP MENU (ONLY) SHOW UP ABOVE THE CONTENT IN MOBILE MODE (newspaper 7). This one has the links side by side with drop downs..
@media (max-width: 767px)
{
.td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full {
display: block;
}
#menu-top-bar {
padding: 0 0 0 40px !important;
}
}
CSS TO MAKE TOP MENU (ONLY) SHOW UP ABOVE THE CONTENT IN MOBILE MODE (newspaper 7). This one removes dropdowns and stacks the links.
@media (max-width: 767px)
{
.td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full {
display: block;
}
#menu-top-bar {
padding: 0 0 0 40px !important;
}
#menu-top-bar li ul {
display: none !important;
visibility: none;
}
#menu-top-bar .td-icon-menu-down {
display: none;
}
.menu-top-container {
margin-right: 0px;
}
.top-header-menu li {
display: list-item;
position: relative;
margin-left: 0;
/* background-color: #dcdcdc; */
border-bottom: .5px solid;
padding-left: 10px;
}
#menu-top-bar {
padding: 0 0 0 0px !important;
min-width: 400px;
}
.td-header-top-menu {
padding: 0px;
}
}
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/7WbTC2m7Z
.td_block_wrap .meta-info{
display: none;
}
Thanks!
Hello,
You will have to add this code in custom CSS area from your Theme panel, like this -> http://screencast.com/t/paUujHnHM12
Thanks.
Hello,
Please try the code below and place it in Theme panel->CUsotm CSS area.
The code is ->
.postid-77036 .td-a-rec-id-custom_ad_2 {
display:none!important;
}
The result -> http://screencast.com/t/BjqySvxicwW
Thanks.
Hello Balleto,
Please notice that you will do not bring that type of layout if you are using that class name because this type of class does not exist in the theme and if you want to have that design you will have to customize yourself with custom CSS code in order to achieve as you like. Please notice that we cannot provide customization services at the moment, sorry!
Thanks for your understanding!
Hello,
That is the problem. It works fine. But I want to hide in the post: http://eusouandroid.com/download-uc-browser-navegador/
I inserted the code in the Custom CSS did not work: .postid-77036 .td-the-rec-id-content_custom_ad_2 {display: none;}
Hi,
I have inspected this issue and it seems the z0index is set to 0. Please use this css to increase it:
.td_category_template_6 .td-category-header{
z-index:10!important;
}
I will also add this to our buglist and we will fix it in the next version of the theme.
Thank you!
Hi,
Thank you for your suggestion. The mobile theme siply shows the realted category tags as the desktop version will also display if you chose a category template that has this option;. If you want to hide all category tags, you can use this single css code:
.td-category-siblings{
display: none!important;
}
Thank you!
Hi,
Unfortunately the custom post type support is still limited in our theme and we have not tested any CPT plugins to say for sure if the post type they create is compatible with our theme settings.
If you want to remove the sidebar on all pages of this type, you can use this css code to do it:
.post-type-archive-tribe_events .td-main-sidebar{
display:none!important;
}
.post-type-archive-tribe_events .td-pb-span8{
width:100%!important;
}
This will not affect this page as it;s another event type:
https://agenturer.no/event/franchisekonferansen-2016/
Hope this helps.
Thank you!