Hi Simion
Thank you! You support guys rock! Really.
I could get it working just like you did when I use that code in live css in the browser but it isn’t working when I use the same code in the Custom CSS section of the Newspaper Theme Panel. Any idea what I’m doing wrong?
Richard
-
This reply was modified 7 years by
Richard. Reason: having difficulty replicating the fix in css
Hi,
In order to align the social icons with main menu you can change the header style from Newspaper > Theme panel > header > Header Style, or if you like the default one you can use this custom css :
.tdm-header-style-1 .td-header-menu-social, .tdm-header-style-2 .td-header-menu-social, .tdm-header-style-3 .td-header-menu-social {
line-height: 110px;
}
Paste the code in Newspaper > Theme panel > Custom code > Custom css
See results:
https://www.screencast.com/t/l7uqr633
Thank you for your understanding.
Hi NeilV1,
The code is:
#td-outer-wrap {
overflow: visible!Important;
}
you need to paste it in Newspaper > Theme panel > Custom code > Custom Css
https://www.screencast.com/t/l5sH8YsnawA
See results:
https://www.screencast.com/t/jGPwjpElmP0R
Thank you.
I found my answer. I went into the page and over rode the CSS class located via the Web Inspector.
Hi there!
I’m programmer with 12 years experience in building websites (html5,css3) but I’ve got big problem with removing these lines as I marked on the attached picture.
It works wrong – sometimes they are 2px width, sometimes 1px. Sometimes they are long as div on left, sometimes short.
Please help me where I can do them white or make them unvisible?
Screen: http://betaa.korpovoice.pl/screen.jpg
The problem is with normal website: http://betaa.korpovoice.pl/o-gazecie/ or here:
http://betaa.korpovoice.pl/zareklamuj-sie-u-nas/
OK, so i pasted below code
.td-header-menu-wrap.td-affix {
transform: translate3d(0px, -54px, 0px)!important;
}
inside PHONES CSS
I’ve found the problem (sort of): Newspaper mess with tinyMCE’s images sizes according to the width of the screen, through (I think) editor-style.css.
With the menu on (https://www.screencast.com/t/Rh0NLQl9ipo) the right-aligned image IS reduced (at least in my screen).
With the menu collapsed (https://www.screencast.com/t/Z4pYKG477j4) the image is shown properly.
Please find out wich lines in which css should be commented to stop responding to changes in the width of the editor.
Thanks.
Hi Simion,
Thank you for your help.
I suggest to include a more comprehensive warning when changing demos. I did not know that the custom CSS would be deleted with the installation of a new demo.
Tks
Hi,
What is the file where the custom CSS is saved?
Tks
Hi,
In order to hide the search button on mobile please go in WP Dashboard Newspaper>Theme panel > Custom code> Custom css and paste this code there
#td-header-search-button-mob
{
display: none;
}
https://www.screencast.com/t/Am7S6pyXkFSy
See results: https://www.screencast.com/t/pgmUVx0VgDo4
Thank you.
Hello mcmusty,
If you want to have something like this, you should edit the theme core files and then, use such a custom CSS code to display those elements you want only for mobile devices. This task involves doing such custom work and we cannot provide something like this at the moment, sorry! If you are not aware to do this, you should consider hiring a freelancer/developer to help you because we cannot provide custom work! Usually, we recommend the developers from studio.envato.com.
Thanks for your understanding!
Hello kaylee174,
1)Unfortunately, the theme does not have any such an option that allows you to do this, sorry! As you can make is to create your own custom category template and exclude from the block those posts which you do not want to be displayed on your category page, using the Block Settings.
2)Unfortunately, the theme does not have any such an option for sticky posts, sorry! Another alternative for you would be to create your own category template and from the block you should display only the post you want to be displayed at that page, using the post ID. Notice that using the Cloud Template Library you can make a lot of things with TD Composer plugin because this is more powerful and allows you to make a lot of things.
3)I do not exactly understand what you mean, but please notice that you can create your own CSS code if you need to hide some posts from a certain page. Use the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
4)The comments for category page is not available, sorry! The comments are available only for posts because this is the main WordPress functionality for comments. You should comment a post and not a category, sorry!
Thanks for your understanding!
Hi Ahmef,
If you us TagDiv Composer and create the page as you like, also we have cloud templates there you can get a lot of templates for your desire or you can create one after your desire.
Please read our documentation from here to better understand how to use newspaper :
https://forum.tagdiv.com/newspaper-theme-documentation/
If you wish to hep a page on full width using TD Composer you can use blocks like Big Grid Full ore you can stretch row and content and set css width 100%
See results: https://www.screencast.com/t/eXDYWIdE1
Thank you for your understanding.
Hello WakeUpCallProject,
Sorry, my bad! This screen was made from Newspaper Theme. You should use a bit of CSS code to hide the search icon. Use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.header-search-wrap{
display:none;
}
Thanks for your understanding!
Hi,
In order to do that you can use a custom css, cloud templates, or you can set up from Theme panel > Theme fonts > Module and Block General section BLOCKS/WIDGETS TITLE, but the last one is a global one an will affect more blocks and modules.
For custom css go in Newspaper > Theme panel> Custom code >Custom css and past there this css:
.td-related-title {
font-size: 24px ;
}
Like so: https://www.screencast.com/t/aCbBgLmKTt8
See results: https://www.screencast.com/t/7pGJvQ3THC
Thank you for your understanding.
Hello tanose,
Please notice that the speed of your website depends on how well your site is optimized.
-> https://developers.google.com/speed/pagespeed/insights/?hl=ro&url=https%3A%2F%2Finsanertech.com%2F&tab=mobile
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 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/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.
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/
Another useful gui for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/
Thanks for your understanding!
Hello Dixon,
I have inspected your website and I saw that you have added a custom code for all devices which break the theme functionality. -> https://www.screencast.com/t/huSL6XeUpMy If you want to add that code only for the desktop, for example, you should insert that code in Advanced Custom CSS box from here -> https://www.screencast.com/t/ckDeAYBXYnR
Hope this helps!
Thanks.
Hi,
This can be done just using custom css, I guess this is what you wish https://www.screencast.com/t/yBgoCU6T
If is this please put your url here and lets see what is your desire.
Thank you.
Isn’t it possible to do it with custom CSS?
Hi,
If I understand correctly your sub menu don’t show up, please try this: go in WP Dashboard Newspaper > Theme panel > Custom code > Custom Css and paste the code there ( https://www.screencast.com/t/l5sH8YsnawA ).
Thank you.
Hi JanP,
You can use tagdiv Composer to do that ( https://www.screencast.com/t/kh6ztjTZB ), or custom css, or you can use Cloud templates were you will be able to customize the pages/post/etc. as you desire; please read more about Cloude templates here https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Thank you.
That shouldn’t happen, maybe there is a problem with creating thumbnails. Usually regenerating the thumbnails will help
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Note that the GD library is required to be available
– https://www.screencast.com/t/vvv5vUvn8
It could also be a CSS problem, or plugin interference. There have been cases before when thumbnails or images in general were not displayed correctly because of various plugins.
If you could post a link to a page where this is happening I could take a look.
Hi Andrei A.
Please put your url website here to can take a closer inspect to identify what is the problem ( it can be a custom css that is add, or maybe you need one).
Thank you for your understanding.
I changed the background image and all of a sudden it became all blurry
Have a look here – — https://candidtraveller.com/
I looked through theme panel, css tried all different settings allowed in there and still blurry
the image is a large size image and it is still blurry.
What is going on ?
Hi fgmotta,
I don’t understand very well what is your desire, please put your url or some print screen to can provide you the best answer.
Maybe you refer at this social media icons https://www.screencast.com/t/2QaUr0xG if is that you need to add a custom css.
Thank you for your understanding.