Hi,
It can be replicated with a bit of html and css
You need to add your images inside a div tag and assign a class to it like so:
http://screencast.com/t/1rPMr92HTEb and then use this css in the theme panel->custom css box:
.leftimg {
background: #EAEAEA;
border: 1px solid #cccccc;
color: #7777777;
float: left;
margin: 0 15px 10px 0;
padding: 5px;
max-width: 280px;
Thanks.
Hello Timo,
Please try this custom css to center the images:
.td-post-template-default .td-post-featured-image img,
.td-post-template-1 .td-post-featured-image img,
.td-post-template-2 .td-post-featured-image img
{
margin-left: auto!important;
margin-right: auto!important;
}
This will work for the default, 1 and 2 templates.
Thanks.
Hello freddre,
If you want to remove your ad only for this page, you have to use a bit of CSS code to hide it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.privacy-policy .td-header-sp-recs {
display:none;
}
The result -> http://screencast.com/t/zYZzddORMIzk
Thank you for the message!
Hello heymrdj,
Unfortunately, our theme does not have such an option to switch the theme menu mobile to appear earlier than its current preset, sorry! Please notice that it is not a simple task and require additional customizations which involve custom work. As a hint, you have to check your style.css to find the line where the mobile menu is created and then you should change the @media attribute as you wish. If you want to develop our theme through displaying more levels and if you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hello,
You can reduce the width of the site (but not the content) by using this css:
.td-boxed-layout #td-outer-wrap{
width: 1080px;!important;
}
Thank you!
Hello,
I have set the title background colour Alpha to 1% to remove the BG colour of the block title text.
I now want to float the title left so it is aligned with the block.
I am using this CSS:
.td_block_1 .block-title a {
padding-left: 0;
font-size: 0.85em;
}
But for some reason, it is rejecting it.
It was working before but not anymore. Is there a specific place I have to put this?
Thanks.
Hi,
I’d like to switch the theme to the mobile (hamburger) menu earlier than its current preset, can you tell me how to do this? I’m assuming its a bit of custom CSS??
Thanks
Hello Sylvester77,
Please try to delete your above custom CSS code and try to implement the below code for each menu item and add the different color.
The code is ->
.sf-menu > li.menu-item-1169:hover > a:after {
background-color:red!important;
}
.sf-menu > .current-menu-item.menu-item-1169 > a:after, .sf-menu > .current-menu-ancestor.menu-item-1169 > a:after, .sf-menu > .current-category-ancestor.menu-item-1169 > a:after {
background-color:red!important;
}
.sf-menu > li.menu-item-963:hover > a:after {
background-color:green!important;
}
.sf-menu > .current-menu-item.menu-item-963 > a:after, .sf-menu > .current-menu-ancestor.menu-item-963 > a:after, .sf-menu > .current-category-ancestor.menu-item-963 > a:after {
background-color:green!important;
}
Please notice that above I gave you only an example how you can be done. You have to implement this method yourself…if you are not aware to the steps in this regard, please keep in mind that we cannot do this thing for you because require custom work and we cannot provide this kind of services at the moment, sorry!
Thank you for your understanding!
Hi
You can’t target a post with css depending by its categories tags, it can be done only by the post id like in this example:
.postid-129 .td-post-date{
display: none;
}
This code will hide the post date for the post with id 129 but is not the best way to achieve that because if you have many posts from which you want to hide the date there will be lot of code.
This can also be done using a php condition in file corresponding with post template used: http://screencast.com/t/pNPy4Yfnur
if (!in_category('category-slug')){
echo $td_mod_single->get_date(false);
}
Note that this code will remove the post date from post html source, not only hit it.
Hope this help.
Thanks!
Hello,
The criteria for displaying one category or the other is the one you specify. If you have your grid filtered to ‘latest posts’, it will display the latest posts of all categories http://screencast.com/t/v4anZcsS so all categories will appear in the grid.
If you only specify one category in your grid, then only one category will show up: http://screencast.com/t/d8vsGaSd
Youcan filter a specific sub-categry or you can have multiple categories for it.
Please read the documentation here: https://forum.tagdiv.com/block-settings-tutorial/
I hope this helps.
Thank you!
Hello srampia,
1)If you want to adjust that white spaces, you have to use a bit of CSS code. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-main-content-wrap {
padding-bottom: 0px;
}
.td-footer-wrapper {
padding-top: 30px;
}
.td-sub-footer-copy{
padding-left:0!important;
}
The result -> http://screencast.com/t/7nh7chMp
2)If you want to have your email address and telephone number on different lines, you have to add
tag after each line, like this -> http://screencast.com/t/QlsB7A0J and the result -> http://screencast.com/t/8fL6OG468
3)I have checked your website and I saw that you have some custom modification and also, for sub footer section you have width fix and that thing break the responsiveness. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-sub-footer-container .td-pb-row {
width: 100%;
}
The result -> http://screencast.com/t/NpPo9zb79jj
4)If you want to change the color of the footer text you have to use a bit of CSS code. Try the code below and add it in Theme panel.
The code is ->
.td_block_text_with_title {
color:red;
}
The result -> http://screencast.com/t/O5VXKwv2xA
Hope this helps!
Thank you for the message!
Hello,
If you disable post views, then the ‘popular’ sorting will not work as there is no field for it to check. It is based on numbers. The post with the highest view count is the most popular one. If there are no numbers, there is no popular sorting as all posts have the same views: none
Please activate post views for the ‘popular’ sorting options to work.
If you want to hide them from the front-end, you can use css to do it (but still have counters in the back-end)
.td-post-views{
display:none!important;
}
Thank you!
Hello Sylvester77,
Unfortunately, our theme does not have such an option as the border color to be changed automatically depending on the color of the panel. I suppose that you are referring to this option from the theme panel -> http://screencast.com/t/X2D4UeCB and the result -> http://screencast.com/t/FcBATnp5jS4 It is not a simple task to implement this feature in our theme and for achieving that is required custom work. The simplest way to achieving that thing is using a bit of CSS code for each category page, using category ID. Please check the example below and try to do it in the same way in your side.
The code is ->
.category-87 .sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: red;
}
The result -> http://screencast.com/t/riXVKrIMXb
If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!
Hope this helps!
Thank you for the message!
Hi, can anybody tell me where to place the piwik tracking code?
And how to place it? I am really confused as under custom CSS -ADVANCED CSS- javascript- there are some other instruction to leave out <script> and </script> in the code. So how should I aadapt this code?
<!– Piwik –>
<script type=”text/javascript”>
var _paq = _paq || [];
_paq.push([‘trackPageView’]);
_paq.push([‘enableLinkTracking’]);
(function() {
var u=”//MYWEBSITE.COM/piwik/”;
_paq.push([‘setTrackerUrl’, u+’piwik.php’]);
_paq.push([‘setSiteId’, 1]);
var d=document, g=d.createElement(‘script’), s=d.getElementsByTagName(‘script’)[0];
g.type=’text/javascript’; g.async=true; g.defer=true; g.src=u+’piwik.js’; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p></p></noscript>
<!– End Piwik Code –>
Hello kingmida,
Unfortunately, our theme has not been designed to support as feature video from Facebook, only from YouTube, Vimeo and Dailymotion sorry! You can do this only through some plugins with this functionality or you can try to implement this function in our theme if you want. Please notice that is not a simple task and require to know solid knowledge about hard coding ->PHP/JS/HTML/CSS. If you want to display more levels in our theme and you are not aware to the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide custom services at the moment, sorry!
I have added your suggestion to our list of improvements, we will consider this but we cannot say for sure that it will be implemented in next update because we have a big list of fixes and other new improvements to achieve that are more important and also these things are decided by our developers.
Thank your for your understanding!
Hello atw101,
In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 child theme will do not work because all the files from this were changed in Newspaper 6 and as the main theme and also you lose all changes.
Newspaper 6 is a whole new theme so an update from 4 to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.
The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.
If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which is not affected by this update.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Unfortunately the block title field does not accept html/css code at the moment. This code is required to apply a different font for a specific word from block’s title. You will need a code like this one for example to insert two different styles inside same title:
<h2 style="display: inline-block">Title </h2> <h2 style="font-weight: 900;display: inline;"> two fonts </h2> <h2 style="display: inline"> on the same row </h2>
Here you can see how the code works in for block’s title and how works when it’s used as normal html: http://screencast.com/t/tna6q4Ah
To make the required filed support html/css code are required many custoizations and unfortunately I can’t provide a solution now. If you need this and you’re not aware of the steps you need to take in this regard my advice is to hire a developer to do this for you as we cannot offer custom services at the moment.
Thanks!
Hello FarrahGillani,
Unfortunately, our theme does not have such an option to change the default fonts from the theme. Please notice that our theme uses Comic Sans and Roboto to be default fonts in theme. If you want to change these, you have to do only from code. The core file where these fonts are called is td_config.php -> http://screencast.com/t/eTbP56ypdI
If you want to change the color of H2/H3 for the posts, you have to use a bit of CSS code to change it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.single h2 {
color:blue;
}
.single h3 {
color:black;
}
and for your pages, you should try the following code ->
.page h2 a {
color:blue;
}
.page h3 a {
color:red;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hi,
I installed the theme yesterday and have spent the past 48 hours optimizing it but I’m having a problem with the website loading. The loading speed is quite slow and the site shows up in a raw and basic way before it loads fully. (You may be able to tell that I’m not a pro at this!)
I downloaded the plugin ‘Above the fold’ which according to them:
“This plugin enables to pass the “Eliminate render-blocking JavaScript and CSS in above-the-fold content”-rule from Google PageSpeed Insights.” This plugin does speed up the website but leaves this preload problem….
Overall the theme is nearly perfect with great customization but I’m having difficulty finding plugins to run with this theme as almost all the plugins I was previously using don’t work, so are there specific plugins that come recommended for this theme, especially in terms of speeding up the site? E.G. I can’t find a plugin to help with compression.
Thanks a million for any help anyone might have!
Sorry… Site is failmuch.com
Hi,
Those links are affected by the theme accent color as well. But like I said above, that color will not only change the link colors. it will change all the hover colors and the menu underline. If you only want those links changed, you will have to use css:
.single-post .td-post-content a{
color:rgb(106, 10, 7)!important
}
Hope this helps.
Thanks.
Hello nicolasionia,
If you want to remove the login button from the top menu bar, you have to use a bit of CSS code to hide it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-login-modal-js {
display:none;
}
Thank you for the message!
Hello freddre,
For an accurate custom CSS code, I need to know your website URL so I can inspect it closer. Please provide your site and also, you can provide some useful screenshots where you show what Ads you want to hide, so I will be able to provide a more accurate response.
Thank you for the message!
Hello
If you want to change the static color for the social icons from the footer section, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-social-icon-wrap .td-icon-font {
color:red;
}
Thanks.
Hello
Please try to use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-category-pulldown-filter {
display:none;
}
Thank you for the message!
Hello,
The function I provided is to remove the code from the php files. If you simply want to hide it, then you can use the css. But this will only remove the ad from the tag page. It will not remove the ad from posts that have this tag set to them. That is done with php and the function I showed above.
Thank you!
