- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hello iisnet,
If you want to change the background for your text title element, notice that you should make some changes to the following section, like this -> https://www.screencast.com/t/5ublskvrf5 I have tried to access your website but no success because I got this message -> https://www.screencast.com/t/ZUPF80JQPC
Also, if you want to change the color text, you should use a bit of CSS code to do that.
Thanks for your understanding!
(6 Sept 2017)
Hi,
I have tried multiple CSS variations to make this work, but even using all the recommended settings, I have been unable to achieve the desired result.
Specifically, I would like ALL the add to cart buttons to align on an archive page displaying multiple product summaries. I have tried min-height settings, and various other CSS to achieve this, but all to no avail. Kriesi has provided some suggestions for their themes, and various other themes/frameworks have posted solutions – I simply have not been able to find any solution that works with TAGDiv’s Newspaper theme.
Are you able to provide a reference to the CSS that achieves this with the Newspaper theme?
It is greatly appreciated, and immensely helpful if someone from TAGDiv would respond….
Hello! The code is working, and I added “text-align: center” but strangely this is only working for the homepage menu. On all of the other pages, it is left aligned. Could you please tell me why?
This is the code I inserted to the Custom CSS>Advanced>Phones field:
@media (max-width: 767px){
.td-header-top-menu {
display: block;
text-align: center
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align: center!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
text-align: center !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align: center!important;
}
}
Hi, we’re using block 3 and custom css to hide title, meta and excerpt. We’re really just planning to show the featured image with that block style. Problem is it has an extra space under the image that we can’t get rid of. We tried to set the height but it won’t be responsive anymore – or is there a way? Thanks.
Thanks Simion….I am a newbie and don’t feel too comfortable in touching the PHP files, is there no way to just make a change to the Custom CSS files in case i want to bring back some day, or is this the only way? Thanks
Hi Rune,
Unfortunately, please notice that our theme does not have any such an option that allows you to add some ads to your posts on category only if you will make some adjustments in the code which involve custom work. If you want to add some ads in your categories pages you should edit the theme core files and add it to the code, according to our documentation here -> https://forum.tagdiv.com/topic/advertising-block-in-category-page/
After this, using a bit of CSS code you should adjust it to have a good look. Also, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
Thanks for your understanding!
Hi,
Changing the theme width is not recommended. All the elements on the page will be affected if the fixed width is modified. This is what would happen if the width is decreased with just 1px for example
– https://www.screencast.com/t/FbD0jW7vWqk
Custom CSS code can be used in the child theme stylesheet. You can try and make experiments if you want to. Or use the theme panel Advanced CSS sections for specific devices.
Thanks
Hi,
A code like this will make the header menu items change background color and font color only on hover, as you mentioned (use the colors you want)
– https://www.screencast.com/t/r4blu480
#td-header-menu .sf-menu > li > a:hover {
background-color: red;
color: white;
}
Enter it in Theme panel->Custom CSS if you decide to use it.
You can use the browser inspector to identify the elements on the website and the classes used, to create custom code. This is a guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi Amit,
Thank you for the response.
Well, I am not really very good with technical stuff and hence didn’t understand what you mean by creating a plugin for function.php but I have successfully created a child theme with proper implementation of styles.css and function.php but still, couldn’t find any way to keep mobile style.css and function.php update proof.
May be someday, you will create a detailed blog post on this and then I will be able to actually implement it on my site. 🙂
Thank you.
Hello alexvaltin,
Please notice that the speed of your website depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit to our requirements.
Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/
Please keep in mind that at the moment, we cannot provide optimization services because this task involves time-consuming and we do not afford to do this, sorry! We only can provide support for basic theme settings.
If you are not aware of these steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Hi, It happens with any page created with a text element and then background color added. Example:
1)Create new page
2) Edit page with tagdiv composer and add a row and then an element, example element ‘text with title’. When text is added the text will appear but when you click on the css tab and change the background color the text can no longer be seen. See images below:
https://www.1uhost.com/new-web/tagdiv-pics/tagdiv_1.png
https://www.1uhost.com/new-web/tagdiv-pics/tagdiv_2.png
Test Page url
https://www.1uhost.com/new-web/test-page/
Hello deambris,
Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.search-results .entry-crumbs{
display:none;
}
Hope this helps!
Thanks for your understanding!
I also tried adding the code to the Advanced CSS>Responsive CSS under phones and iPad Portrait, but also nothing changed.
Thank’s a lot for reply!
CSS seems to be best solution and works!
Thank’s again!
Hello
To every one searching for a way to add share buttons on pages here is how i did it with out plugin :
1 go to function.php in your theme root( better use child theme so you dont lose modifications when updating) :
2- add the following code :
/* ----------------------------------------------------------------------------*/
// Share buttons on pages' bottom
// PS: no-follow tag was added to external links
function tagdiv_social_buttons($content) {
global $post;
$permalink = get_permalink($post->ID);
$title = get_the_title();
//don't show buttons on frontpage and other pages id
if( !is_front_page() && !is_page(array( 1, 2,3,4,5,6 )) && $post->post_type=='page' ) {
$content = $content . '<div class="td-post-sharing td-post-sharing-top tagdiv-share">
<a class="td-social-sharing-buttons td-social-facebook" rel="nofollow"
href="https://www.facebook.com/sharer.php?u=' . urlencode( esc_url( get_permalink() ) ) . '"
onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;">
<i class="td-icon-facebook"></i><div class="td-social-but-text">share on facebook</div>
<a class="td-social-sharing-buttons td-social-twitter" rel="nofollow" href="http://twitter.com/share?text='.$title.'&url='.$permalink.'"
onclick="window.open(this.href, \'twitter-share\', \'width=550,height=235\');return false;">
<i class="td-icon-twitter"></i><div class="td-social-but-text">share on twitter</div>
<a class="td-social-sharing-buttons td-social-google tagdiv-google" rel="nofollow" href="https://plus.google.com/share?url=' . esc_url( get_permalink() ) . '"
onclick="window.open(this.href, \'mywin\',\'left=50,top=50,width=600,height=350,toolbar=0\'); return false;">
<i class="td-icon-googleplus"></i><div class="td-social-but-text tagdiv-google-border">share on google</div>
</div>';
}
return $content;
}
add_filter('the_content', 'tagdiv_social_buttons');
// use short code [tagdivsocial] to show buttons where ever you need
add_shortcode('tagdivsocial', 'tagdiv_social_buttons');
`
3 then add the following css to theme panel of your style.css file:
<code>
.tagdiv-share {
margin: 21px auto;
text-align: center;
font-family: 'Droid Arabic Kufi', arial, sans-serif !important;
}
.tagdiv-google{
width: 160px !important;
}
.tagdiv-google-border{
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
</code>
and every thing is working fine
hope this help any one looking.
-
This reply was modified 9 years by
biznizat. Reason: FIXING
Hi all
I would like to include the same block 25 style in the erotic theme in the fashion style theme but I can not understand how it was inserted ….
I installed the erotic theme demo, I found the class name “td-erotic-title-hidden-desk” but can not find the css used to create that style.
see screen shot: http://www.energiemagazine.com/screen-erotic.jpg
Thanks for any help.
Thanks. If I edit the css on my child theme to decrease the theme width, then is changing td-container enough or more is necessary? Will this not impact size in mobile screens?
Hi,
i want so make my blog broader. Now my blog is only in the middle of the screen. It’s looking a little bit strange because there is so much white space. Is it possible to do it without css also? I would like to fill the screen almost complete.
Thank you
Hi,
Please add this code in the theme panel-> custom css box:
.td-pb-span4 .td-g-rec-id-sidebar .adsbygoogle, .td-pb-span4 .widget{
margin-bottom:20px;
}
.td-pb-span4 .td_block_text_with_title{
margin-bottom:20px;
}
Thank you!
Hello issajar,
Please keep in mind that what you want to do is a BIG update and the theme will be broken because it is totally another theme, sorry!
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 theme will do not work because all the files from this were changed in Newspaper 8.1 and as the main theme and also you lose all changes.
The Newspaper 8.1 is a whole new theme so an update from 4 to 8.1 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 8.1 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.
Hope this helps and let us know how it goes!
Thank you for the message!
Hello lukehodge,
There is no automatic option to do this but you can achieve this only if you will use a bit of custom CSS code to do this, using the post ID. Please provide your website URL and some useful screenshots to show us from where exactly you want to remove the featured image.
Thanks for the message!
Hello awoodhams,
Try to use the code below and place it in Theme panel -> custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
Thanks for the message!
Hi,
I believe that is the Latest articles pagination. That cannot be disabled, you can only disable the whole Latest articles section, by selecting a different page template
– https://www.screencast.com/t/o59du52KBT
You could modify the page template file and remove the pagination from there
– https://www.screencast.com/t/9NP6n3rpK36B
Or maybe hide the pagination with CSS if you should consider that a solution
– https://www.screencast.com/t/9kRsVR7TG5Gt
Thanks
we want to display top-header-menu tabs in mobile menu so it is not possible to set it responsive design rather than confusing CSS. I can see this type of top-header-menu in mobile with above given code https://screenshot.net/kqqn7tk. Hope you understand my query.