- NewsmagLoading image effects
- NewsmagRequirements for Newsmag
- NewsmagBlock settings tutorial
That didn’t work.
Could it be any of this custom CSS? I will try to remove it all later, but it would be like searching for a needle in a haystack adding it back if it is.
************
.td-header-top-menu, .td-header-top-menu a, .td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full a, .td-header-style-8 .td-header-top-menu, .td-header-style-8 .td-header-top-menu a {
font-weight: bold;
}
.post header .entry-title {
font-weight: bold;
}
.td-trending-now-title {
font-weight: bold;
}
.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more {
background-image: url(“http://sportsmockery.com/wp-content/uploads/2015/10/stars-tew-proper.png”);
}
.td-related-title {
margin-bottom: 0px;
}
.entry-crumbs a {
color: #bc0000;
}
.entry-crumbs
{
color: #000000;
}
.td-footer-wrapper {
padding-top: 0px;
}
.aligncenter {
margin-bottom: 10px;
}
.td-main-content-wrap {
padding-bottom: 0px;
}
.td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8 {
padding-bottom: 1px;
}
.block-title {
margin-bottom: 0px;
}
.td_block_wrap {
padding-bottom: 1px;
}
.td_block_14 .td-block-row:last-child {
margin-bottom: 1px;
}
.td-a-rec-id-sidebar > div {
margin-bottom: 5px;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
margin-bottom: 5px;
}
.sep {
font-size: 200%;
}
.td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p {
font-size: 16px;}
.td_module_wrap {
padding-bottom: 1px;
}
Hi,
You can add a custom ad for the post template that you use, just edit the file and use do_shortcode function – http://screencast.com/t/txPjkFaS
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
There are many topic about how to add a custom ad, as reference:
https://forum.tagdiv.com/topic/move-the-bottom-article-ad-spot-below-the-share-bar/
https://forum.tagdiv.com/topic/move-bottom-article-ad/
Thanks!
Hi,
The code i provided removes the bottom border and changes the background color for the ad container.
The theme was not built to support big logos to cover the containers like that. The recommended logo dimensions are these: http://screencast.com/t/wRIpx7CxBGJV. In order to make the logo fit on mobile phone you can make a smaller logo and add it as a background image to the container in the mobile version.
You will need a bit of css knowledge to get it done.
As an example:
@media (max-width: 767px){
.td-header-style-10 .td-header-sp-logo {
background-image: url("your image url");
}
.td-header-style-10 .td-header-sp-logo img{
display:none
}}
It will need further customization to fit properly though
Thanks
Hi,
You can use an alternative method. Edit td_module_14 in the theme files and just move the title code above the image: http://screencast.com/t/SCRthLrAq. Then use a bit of css styling to adjust the title:
.td_block_13 .meta-info-container h3{
padding-left:20px
}
.td_module_14 .td-module-meta-info{
bottom: -45px;
}
Now the responsiveness does not get affected.
Thanks.
Hi,
You can use an alternative method. Edit td_module_14 in the theme files and just move the title code above the image: http://screencast.com/t/SCRthLrAq. Then use a bit of css styling to adjust the title:
.td_block_13 .meta-info-container h3{
padding-left:20px
}
.td_module_14 .td-module-meta-info{
bottom: -45px;
}
Now the responsiveness does not get affected.
Thanks.
Hi
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s installed. We added this measure to avoid conflicts with the plugins that won’t allow to move their css/js resources at page bottom. Check in System status if the plugin is active: http://screencast.com/t/slBN4kNf To keep it always activated please follow this link: http://screencast.com/t/RZLIOPUNdqh
Thanks for message!
Hi
Note that the Speed Booster plugin disable itself when an incompatible plugin it’s uninstalled. We added this measure to avoid conflicts with the plugins that won’t allow to move their resources at page bottom. To keep the plugin always activated please follow this link: http://screencast.com/t/HaOmyxJ45oX
We didn’t test the advance ads plugin with the theme so is possible to appear some issues with it. Try to remove the indicated condition using try this css and see how it works:
.td-visible-desktop {
display: block;
}
Thanks!
Hello,
I understand the problem now. Speedbooster has no settings. It’s either active or disabled. The plugin works in such a way that it moves the css code to the bottom of the page so the main one will be loaded first and then the modification. When CSS colors are changed, this is a side-effect of this procedure. The easiest way to keep speedbooster active and also have the colors apply instant, you have to apply the color you want to set in the style.css file. That way it will be the first option to load, not the second.
http://screencast.com/t/CDVBAqzuz2T
We hope in a future update we will be able to fix this issue.
Thank you!
Hello Ben,
CSS is a very specific code, so this will remove only the padding on this exact page. It is based on the page ID. If you want to apply this code to another page you will have to modify the page id number to match your page’s.
You can see the page id on the body tag with your browser inspector: http://screencast.com/t/Rghq4y8tN2
You have to be this specific otherwise it will apply to all pages of your site and create other problems.
Use this code in the theme panel -> custom CSS box
.page-id-1178 .td-main-page-wrap{
padding-top:0!important;
}
.page-id-1178 .td-main-content-wrap{
padding-bottom:0!important;
}
result: http://screencast.com/t/QCCjP1T4h
Thanks.
Hi
Try to deactivate the Speed Booster plugin clear all caches then check if the problem is still there.
It’s good to know that not all plugins will work fine with speed booster because some of them create problems when their’s css/js resources are moved at page bottom. Checking a plugin’s behavior when Speed Booster is active can be done by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq As Alin said this is an optional plugin and if you still have issue with it you can disable it.
Hope this help.
Thanks!
Hi,
In order to remove the ad on mobile phone you can add this custom css in the theme panel:
@media (max-width: 1018px) and (min-width: 768px){
.td-a-rec-id-post_style_11 {
display:none;}}For the second part you need to edit the core files of the theme. This requires a bit of code knowledge.
You cannot simply move the title from the bottom to the top.
You can copy the header from here: http://screencast.com/t/iKprjF3j
And add it to single_template_10.php You need to change the class to the title in order to target it with CSS:
http://screencast.com/t/L2FP8KZLth
Then you will have 2 post titles. One above and one below the video. Now you can use css to position the title above and hide the one below:
.td-post-title_custom{
margin-left: auto;
margin-right: auto;
width: 400px;
}
.single_template_10 .td-post-title{
display:none;
} This will require a bit more tweaking, but this should set you on the right path.
Thanks.
Hi
Remove the previous code from theme panel and add this one: http://screencast.com/t/LLMU9Djcj0yc
.prot{
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff!important;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.prot:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
Let me know how it goes.
Thanks!
Hi,
It can be done using custom CSS.
top ad:
.td-g-rec-id-content_top{
float:left;
padding:15px
}
You can change the padding value and the position of the float: left or right.
The bottom ad is already floated right. You can move it left if you want:
.td-g-rec-id-content_bottom{
float:left;
}
Thanks.
Hi,
I have checked your site, so if you refer to this – http://screencast.com/t/emYDBhmUF7Y – http://screencast.com/t/R0aqulb6bm8Q the solution is what I said above.
The Speed Booster plugin(I see you use it) moves the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default font appears first then it changes, because of the cascading property of css. To avoid this you will have to change it directly in the style.css file – http://screencast.com/t/7aEC0Nnniq
Thanks!
Hi,
Do you refer to a delay regarding fonts, colors when your page is loading?
This happens because of the cascading property of css, the default css loading first and then the custom one. Also if you use speed booster could affect this, which moves the css and js at the bottom of the page structure so that the page will load faster. A solution is to change the color directly into css stylesheet file.
If this is not what you mean please provide more details, a screenshot and a link may help.
Thanks!
AGAIN:
for those who don’t know how to read changelogs …
if using Newspaper 6x ..
a) go to your Envato/Themeforest account,
b) download the “all files” for Newspaper, extract to the “Newspaper-tf” folder
c) in the /plugins folder note the file “js_composer”
d) extract the zip
e) in the ‘js_composer’ plugin folder, note the file “changes.txt”
note it’s 4.7.4 🙂
2.10.2015 – ver 4.7.4
– Fixed: Bug in grid builder presets
– Added extra ajax check
29.09.2015 – ver 4.7.3
– Re: Backwards compatibility for images with custom link
– Added border for single image with external source
– Width of vc icon in “Add element” window fixed
– Presets saving mechanism optimized
22.09.2015 – ver 4.7.2
– “Undefined index” notice in tabs, tour, accordion removed (for cases when vc_remove_param() was called)
– Bottom border in image gallery fixed
– <br> now works in mobile view tabs
– Backwards compatibility for images with custom link
– Minor css improvements and fixes
Dear Sir,
Please check paperpadho.com/demo
1. In bottom there coming latest articles, can we remove that!
2. and the side bar ads coming in latest article section, I tried to put AD Section above of sports, I put ad side block there, but its not showing there.
Please let me know if there other setting.
I post 2 post here, I dont know why it was deleted, but I figureout that query and got the solution. Please let me know if you can help in above query.
Awaiting your reply.
Thanks and Regards,
Pradeep Mistry
Hi
Try to deactivate the Speed Booster plugin then check in browser console if the errors still appear. First try to deactivate all plugins except Visual Composer, clear all caches and test again.
If the errors appear only when Speed Booster is activated, that happens because some plugins cause conflicts when their’s resources are moved to footer. You can check a plugin behavior with Speed Booster enabled by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq or by moving its css/js resources at page bottom: http://screencast.com/t/P7r6uHvvJl
For more information regarding Speed Booster please check this topic: https://forum.tagdiv.com/topic/speed-booster-questions/
Hope this help.
Thanks!
Hi,
I have checked your site and you have some js errors – http://screencast.com/t/alIIaQHsQ4 I guess they come from a plugin you use(wp rocket), please try to disable it and check if the issue is still there.
Regarding the pagespeed test as you can see a issue is server response time so please read the recommendations – http://screencast.com/t/WMlFSZuHT – https://developers.google.com/speed/docs/insights/Server
You can try to reduce the number of plugins and also note that the speed booster move the js and css at the bottom of the page to Eliminate render-blocking, but not for all plugins. Check the System Status if the speed booster is active if you use other plugins than the tested ones.
Also you can read this guide, it may help – https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
I had done a tutorial somewhere once upon a time which I don’t think is part of my sticky, only because the locale moved several times between themes …
but best way to optimize fonts (broad strokes):
a) disable loading from the main includes/functions file
b) copy the rendered css from Google for the stylesheet
c) put the actual CSS at bottom of the main style.css
this way you’re loading the fonts, but *not* the actual CSS sheet which is just a redirect loading the fonts from Google (so this saves loading the external style sheet, essentially)…
working on an ebook to cover all this stuff in detail but a bit behind ….
Hello tradermaker,
You can do this by modifying the theme core files. The search widget code is located here: http://screencast.com/t/yrAd5ZjU80Xw. Just move it from ‘header-menu.php’ to ‘top-menu.php’. Insert it at the bottom of the file and the search widget should show up in the top bar.
You will need some custom css as well to position it.
The result: http://screencast.com/t/Swuz1T1K
Thank you!
Hello dhvanesh,
You will find the answer in this topic here.
https://forum.tagdiv.com/search/move+bottom+ad/
The principle is the same, just enter the php code below the related posts: http://screencast.com/t/oWv8Qukx
result: http://screencast.com/t/2L1E7wuH
Thank you!
Hello Hannah,
In order to move the article bottom under the sharing buttons you have to remove the article bottom add and then place a cutom ad in it’s place.
First step: comment these lines: – http://screencast.com/t/2C8GXXucV2Q
Then make sure you have an ad place in the custom ad 1 box in the theme panel->ads->custom ad 1
Then you need to use this code in every single post style you use.
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
The default post template is loop-single, style 1 is loop-single-1, style 2 is loop-single-2 etc. http://screencast.com/t/aiP5OKjEQ
Place the php code under the social sharing bottom
http://screencast.com/t/gA0WhG9d
The result: http://screencast.com/t/hTAPYrUrkO
Hiya,
I’m trying to change the position of the bottom article ad, so it appears below the social share buttons, instead of above them. This is the site I’m working on http://cogdiss.com/lisnew/listening-now-august-31st/
I’m using post template 2, and I’ve found where the social share buttons are being called – in the footer section of loop-single-2.php, but I’m struggling to work out which file is calling the actual advert. Are you able to point me in the right direction? I’m hoping I’ll then be able to either move the advert code into loop-single-2.php underneath the social share code, or move the social share code into the file where the advert is called.
Cheers!
Hannah
Hi peeps!
There’s only one question I have.
Basically, what I want to achieve is to add a clickable jpg image in the main navigation menu, but unfortunately I wasn’t able to find the piece of code. I don’t know if this is important, but I’m using “td-header-style-2” for the main menu. The image is practically a logo, but I don’t want to put it somewhere else.
And as a side note, the element .td_block_wrap from the Social Counter plugin has some padding-bottom that I couldn’t remove with local custom css, but only after I added negative padding to the following div. Not an issue though, as I found a good workaround.
Cheers!
