Well, keep in mind ‘hacking’ the theme or any theme will need to be redone each time you update theme; same if you add custom functions to your functions.php — advanced users create their own plugin and put all their functions in there to survive theme updates — you can google that.
Anyway, here is something I did for one site to add top of page banner above menus … this is for only printing ads on posts and not on pages or indexes (indexes have a simple sidebar ad top of sidebar instead).
Anyway…. not sure this will print on this forum due to the php query, but here goes … I made a custom css class to control padding, background color and bottom border and align center:
<?php if ( is_single() ) {?>
<div class="neotopper"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="MMMMMMMMMMMM"
data-ad-slot="NNNNNNNN"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<?php } ?>
No. Code entered in Theme panel -> Custom CSS after update the Theme not be removed.
2. I added 10 more posts to Music, but the “Load more” button still wouldn’t appear. The posts only had infinite loading. Perhaps this is a bug?
3. I want to change the main menu background colour for “MUSIC”, but only on all Music posts.
This is a mock-up of what I want: https://snag.gy/lYRmj1.jpg
6. I turned off Breadcrumbs’ Show Article Title in the Theme Panel here https://snag.gy/FrZhlJ.jpg
As a result, my posts don’t have an article title in the breadcrumbs, which I like http://majorfuss.com/music/news/sampha-mercury-prize-winner-2017/
But, this means the Parent Category in the breadcrumbs now doesn’t link to anything. Is there CSS I can use which makes it link to the parent category?
Hello TNTJ Sites,
Yes, the Single Image element will apply a background color black as a general effect and that’s why the image will be darker. Try to use a bit of CSS code to remove this effect.
.td_block_image_box .td-custom-image a:before{
background-color:inherit!important;
}
The result is here -> https://www.screencast.com/t/WTrYhzLp7kI
Hope this helps!
Thanks for your understanding!
Thank you, now it works fine! 🙂
Just in case i want hide them in the future, what’s the css code to hide them (like/tweet buttons)?
https://gamesquare.it/
Hello Kley,
Please make sure that you have activated the Classic like from your Sharing, from here -> https://www.screencast.com/t/gfVsCuCP Article Top or Bottom Like and then, using a bit of CSS code you can hide it if you do not like this behavior. Please activate this option and try again to test the Twitter sharing functionality.
Hope this helps and let us know if you want to hide the Article Classic like and if you want this, please provide your website URL.
Thanks for your understanding!
Hi,
Changing the line height will increase the height of these elements if that is what you want to do. It could be done with CSS if you would like a value higher then available in the theme panel font settings. For example like this for the top menu
– https://www.screencast.com/t/uwgYz8rX8n
.td-header-sp-top-menu,
.td-header-sp-top-widget {
line-height: 200px;
}
You can inspect the elements on the page and the classes used and their styles, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Thank you Chris, this was my idea before they started talking about using other methods. I had asked them what Custom CSS code can I sue (custom CSS in order not to get overwritten when the next update comes along). They did not provide this info and the problem is I am not a programmer and do not know their code.
If you could please give me the code you added, I would be eternally grateful.
Thanks.
Hi,
1. Either negate the page padding by setting a negative margin for the row where the slider is placed, like this
– https://www.screencast.com/t/yRMFJaAS
Or enter this code in Theme panel->Custom CSS section to remove the padding
– https://www.screencast.com/t/RKSZ6askezzN
.home .td-main-page-wrap {
padding-top: 0;
}
2. That white box allow for a custom title to be set for each image. It could be removed with a code like this
– https://www.screencast.com/t/WjrpltufGfU
3. Maybe try and enter the image directly in the footer file, after the social icons section. The image should be displayed below these social icons
– https://www.screencast.com/t/83TJSOxMR
Something as simple as this maybe
– https://www.screencast.com/t/bcFtiGZHQ6
– https://www.screencast.com/t/iWug2tHGoMG7
4. That can be done in the slider settings, according to this guide
– https://www.themepunch.com/revslider-doc/general-settings/
– https://www.themepunch.com/faq/turn-autoplay-off-sliders/
The Revolution slider is a very complex plugin, with an enormous amount of settings and options. It can be difficult to master or even find a setting at times.
This is the official plugin documentation
– https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Thanks
Hi,
Usually there should be a space up there because the theme has spacing between elements by default. You can see this on our demo here: https://demo.tagdiv.com/newspaper/
Please check your custom code or plugins that can alter the css. Or maybe a particular style added to that block in the sidebar. It is hard to say if I cannot inspect the element with the browser inspector.
Try to first check custom code, plugins and css added for the block.
Thanks.
Hello sebenar,
You can do that with a bit of CSS code. Please provide a useful screenshot with your desired changes so I will be able to provide a more accurate code.
Thanks for your understanding!
Hello,
You can replicate it with the exact html element you mention. That is a custom html element where you can add your html code to replicate the call to action./ You can use a table generator maybe to create the html tables needed for the design. You will require basic html and css skills.
When placing any code in the element and not leaving it empty, the mentioned text will disappear.
Thank you!
Hi,
Unfortunately there is no way to modify the spacing between modules, these are carefully calculated and fixed. All the columns have fixed dimensions and it is not recommended to modify them. This ensures that the blocks will display properly, some examples
– https://www.screencast.com/t/Itsimx9SrSsZ
– https://www.screencast.com/t/oRb52xUlW
It could be attempted to modify these values but it will break other elements.
The theme width is also fixed and changing it will affect every element on the page, this is highly not recommended
– https://www.screencast.com/t/qhfZART7fc5z
Blocks as a whole can be positioned differently by using the padding and margins that are available in the CSS tab
– https://www.screencast.com/t/EmBIUNmRwj2
But the modules that form the blocks cannot and should not be modified, the results will not be satisfactory.
Stretching can lead to thumbnail issues for some elements, these thumbnails have predefined sizes and will remain the same after stretching their container. This will lead to the result you mentioned.
Thanks
Hi Bogdan,
I’d like to add a 4th column to the footer. What’s the difficult way to do this? I’m happy to do my own custom coding. I’m guessing would just need to add a widget field for Footer 4 (4th column) and then add some PHP code in the theme core files and make sure it matches up with existing CSS rules.
Thanks in advance 🙂
Hello Rune,
Try the code below and place it in Theme panel -> Custom CSS area.
.td-social-whatsapp{
display:none!important;
}
Thanks.
Thanks so much for your answer…
I checked again and php.ini is saved as follow:
memory_limit = 268435456;
post_max_size = 50M;
safe_mode = off;
upload_max_filesize = 50M;
max_input_vars = 5000;max_execution_time = 300;
php.ini is present in root site and in wp-content directory: both of them are saved as I told before.
I also tried to modify wp-config.php and I set
define( 'WP_MEMORY_LIMIT', '3000M' )
as described here (https://premium.wpmudev.org/blog/increase-memory-limit/)
but nothing has been solved
I’ve always that 2 yellow warnings
I tried to modify also .htaccess below reported:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css A2419200
ExpiresByType text/x-component A2419200
ExpiresByType application/x-javascript A2419200
ExpiresByType application/javascript A2419200
ExpiresByType text/javascript A2419200
ExpiresByType text/x-js A2419200
ExpiresByType text/html A3600
ExpiresByType text/richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType text/plain A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType video/asf A2419200
ExpiresByType video/avi A2419200
ExpiresByType image/bmp A2419200
ExpiresByType application/java A2419200
ExpiresByType video/divx A2419200
ExpiresByType application/msword A2419200
ExpiresByType application/vnd.ms-fontobject A2419200
ExpiresByType application/x-msdownload A2419200
ExpiresByType image/gif A2419200
ExpiresByType application/x-gzip A2419200
ExpiresByType image/x-icon A2419200
ExpiresByType image/jpeg A2419200
ExpiresByType application/json A2419200
ExpiresByType application/vnd.ms-access A2419200
ExpiresByType audio/midi A2419200
ExpiresByType video/quicktime A2419200
ExpiresByType audio/mpeg A2419200
ExpiresByType video/mp4 A2419200
ExpiresByType video/mpeg A2419200
ExpiresByType application/vnd.ms-project A2419200
ExpiresByType application/x-font-otf A2419200
ExpiresByType application/vnd.ms-opentype A2419200
ExpiresByType application/vnd.oasis.opendocument.database A2419200
ExpiresByType application/vnd.oasis.opendocument.chart A2419200
ExpiresByType application/vnd.oasis.opendocument.formula A2419200
ExpiresByType application/vnd.oasis.opendocument.graphics A2419200
ExpiresByType application/vnd.oasis.opendocument.presentation A2419200
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A2419200
ExpiresByType application/vnd.oasis.opendocument.text A2419200
ExpiresByType audio/ogg A2419200
ExpiresByType application/pdf A2419200
ExpiresByType image/png A2419200
ExpiresByType application/vnd.ms-powerpoint A2419200
ExpiresByType audio/x-realaudio A2419200
ExpiresByType image/svg+xml A2419200
ExpiresByType application/x-shockwave-flash A2419200
ExpiresByType application/x-tar A2419200
ExpiresByType image/tiff A2419200
ExpiresByType application/x-font-ttf A2419200
ExpiresByType application/vnd.ms-opentype A2419200
ExpiresByType audio/wav A2419200
ExpiresByType audio/wma A2419200
ExpiresByType application/vnd.ms-write A2419200
ExpiresByType application/font-woff A2419200
ExpiresByType application/vnd.ms-excel A2419200
ExpiresByType application/zip A2419200
</IfModule>
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
AddHandler x-mapp-php5.5 .php
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
I tried to insert:
php_value max_input_vars 5000
php_value max_execution_time 300
php_value post_max_size 50M
php_value upload_max_filesize 50M
after </IfModule> and just before # END WordPress but when I saved and refreshed my site page it gave me:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator at to inform them of the time this error occurred, and the actions you performed just before this error.
More information about this error may be available in the server error log.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.
Maybe I modified it in a wrong way… colud you explain how to do that?
Thank you very much for your patience and help
A.
Hi,
The easiest way would be to use a code like this
– https://www.screencast.com/t/oVRouo3W
It will remove the footer on mobile, enter it in Theme panel->Mobile theme->Custom CSS section
.td-mobile-footer-wrap {
display: none;
}
Thanks
Trending Now or New Ticker (I don’t know what do you call it.) I want to hide it on mobile. Would you please add that option on Theme Panel on next next update, and for now would you please tell me a proper css code to hide it on mobile with no white space when it’s display: none;
Thank you
Hey,
Understand that.
Still I have the child theme activated but on mobile the css style that is loaded is
/themes/Newspaper/mobile/style.css?ver=8.1
what needs to be done so the mobile will load the child theme mobile css file?
Hello Catalin,
No sir it’s still with the gap. I places the code inside custom CSS.
Hey,
I purchase and installed the theme demo.
My site is RTL.
I have 2 issues:
1. on the desktop there’s an empty blank space on the left that causing the ability to scroll left and that is caused because td-mobile-nav is loaded on the desktop. how can i fix that?
2. on mobile the /mobile/style.css is loaded. how can i load rtl.css file on the mobile (i uses the child theme).
thanks
You can have featured videos by using this:
1. Install this plugin: Featured Video Plus
2. Customize the plugin settings (width and height, loop, autoplay, etc)
3. Modify the article template file (I have used single_template_6.php for this example)
4. Add this code at the top of the page
$featured_video_plus = new featured_video_plus($post);
(for this example I added the code below this line: $td_mod_single = new td_module_single($post); )
5. Find the code for the featured image: https://pastebin.com/igSnQQA3
6. Replace the image code with this: https://pastebin.com/gUg7ryi9
7. Upload your video on your site and place the link in the plugin section of the article. You don’t need to use the video mode of the post. You can also add featured image to the article but as long as a video is added, the image will not be visible.
8. Customize the aspect of the video using css/js
-
This reply was modified 8 years by
vlad1984.
Hello temia69,
If you want to hide some elements from your modules, notice that you should target it with custom CSS code, using the Inspector browser, according to our documentation here
-> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Notice that if you will check the theme panel, you will see that exists an option in the theme which allows you to turn off the meta information for modules on blocks, like this -> https://www.screencast.com/t/XqWgf591Mp5
Hope this helps!
Thanks for your understanding!
Hello neevin2017,
You souhld try using the code below and place it in Theme panel -> Custom CSS area.
.td-recipes.td-boxed-layout #td-outer-wrap{
margin-top:0;
}
Thanks for your understanding!
Hello Arafat,
Try using the following code below and place it in Theme panel -> Custom CSS area.
The code is ->
#td-outer-wrap {
width: 1164px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px 0 rgba(255,0,0,1);
-moz-box-shadow: 0 0 5px 0 rgba(255,0,0,1);
box-shadow: 0 0 5px 0 rgba(25,0,0,1);
}
The result is here -> https://www.screencast.com/t/CPPIzFkZeyr
Hope this helps!
Thanks for your understanding!