Bogdan,
Thanks for your help on this.
So if I want to change the thumbnail to a center-center one, can that only be attained thought the API?
Perhaps we can address it via CSS?
Thanks!
Greetings,
After some customizations (very important for me though), newly created posts don’t seem to have the td-paragraph-padding-1 class, which is adding paragraph paddings 11% left and right in each post.
I end up without paddings at all.
What I tried:
– disabled all plugins;
– disabled my child theme, including child css file.
Still, new posts have no paddings in main post content, imported posts from demo look good though.
Its my fault, I am asking for a clue where to move.
My post content: https://i.imgur.com/MIRKlw3.png
My post html: https://i.imgur.com/PIJQplj.png
Imported post: https://i.imgur.com/POACW0S.png
Imported html: https://i.imgur.com/FZCBt5R.png
Many thanks in advance.
P.S. For the life of me, I can’t understand howcome css styles can get old or expired;)
I want to change hover menu text color and “active” menu text color which use following css.
But it only change hover menu text color, when I click the menu item to a page, the active menu item keep the color which the same with theme accent color.
Do I use the wrong css?
.td-header-wrap .current-menu-item a,
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a:hover {
color: #FFDA3E;
}
Hello there,
I want to modify my blog’s colors as like Twitter’s “Night Mode”. But I couldn’t change single post background and page backgrounds. Also couldn’t change homepage text color. Plus; I want to change sidebar items background as like block items background per individual. Where are the options? Or do I need to get it done by CSS, if so can you share the class/id names with me.
@bogdan-b and @stuartmasson
The problem comes only on MacOS
the solution is pretty easy,
but should be implemented from @tagDiv side
SOLUTION 1 with padding-right for hiding scroll-bar
.tdc-inspector {
width: 300px;
padding-right: 17px; }
SOLUTION 2 with pseudo:class
also, the solution can be with CSS pseudo class (only WebKit… we don’t care about IE9)
.tdc-inspector {
width: 300px; }
.tdc-inspector::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */ }
Hi,
I was able to get crypto-ticker shortcode working as I followed another post’s instructions to replace the inline text with column text. But the yellow background has doubled in size. I’ve tried so much… even had to reinstall DEMO because I overplayed with the CSS settings.
How can I correct this so the width of the yellow matches the width of the ticker?
Thank you in advance.
i.e-
Original look – https://pasteboard.co/HzHmJ04.png
Inline Text Removed, yellow enlarges -https://pasteboard.co/HzHnZFj.png
Ticker working with too large yellow background – https://pasteboard.co/HzHouY9.png
Hi,
In the composer you can set all the buttons to inline, they will appear like this
– https://www.screencast.com/t/hNJUvvlmhUn
In the post content it could be done with some CSS probably. I see you already positioned some buttons as you wanted with a plugin. So you could use that since it works.
Thanks
Hi Simion
We fixed it with a piece of Custom CSS i.e.
img.td-animation-stack-type0-2, body.td-animation-stack-type0 .post img, body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img {
opacity: 1 !important;
}
But I’d still like to track the issue if at all possible so we don’t have to use the Custom CSS.
Any ideas?
Hi,
Simply installing the theme does not provide blazing fast loading speeds. Optimizations have to be made in order to improve the loading speed. Start with what the test suggests, fix as many as possible. Search the forum for user recommendations, also guides/tutorials
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/cloudflare-cdn/
Each optimization will contribute to the faster loading of the website. Of course it depends on the hosting as well.
Thanks
How can I change the distance between paragraphs?
I added custom css code:
p {
margin-top: 2px;
margin-bottom: 2px;
}
But nothing happened!
My site: sanotes.ru
Now that is unusual, those issues were fixed quite a while back, there were no other reports since then. There are no more !important tags in the AMP stylesheet, all were removed.
But still it seems in your case !important is detected for some reason. I tested some other posts from your website, there are no errors there. But the same stylesheet is loaded for all posts, so why for some posts it detects the tag and in some not is unusual.
I see an unusual link in the post content, with some invalid CSS
– https://www.screencast.com/t/6mrlPuHqX
Could you try as a test to remove that link and check if the same is detected, use the AMP validator tool
– https://validator.ampproject.org/
Hello,
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%2Fwww.lideremprego.com%2F
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/
Thanks for your understanding!
Yes, the font can be downloaded and set as custom fonts, but 5 custom fonts are not enough for use google fonts. As you know google fonts provide nine styles(100-900) and it will need several fonts.
For example, in Noto TC, it need 6 fonts for fulfill all style:
https://fonts.googleapis.com/earlyaccess/notosanstc.css
So if newspaper could support loading earlyaccess google font directly in the future, that will be great.
That is how the header ad is displayed with that header style, there is a small margin to make it look better probably.
If you want to remove that margin and also set a background for it, you will have to use some CSS. Something like this should work
– https://www.screencast.com/t/hedcRU5kRwf
@media (min-width: 1019px) {
.td-header-style-5 .td-header-sp-recs {
margin: 0 auto 0!important;
background-color: #222;
}}
The footer image seems to display properly for me, the image is of this size
– https://www.screencast.com/t/DW4VTCTWblfo
It has a transparent lower part, so it would appear bigger. The image is displayed as it is, there is no unnecessary space added there.
Thanks
Hi,
You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
These are the theme install methods with steps for each method
– https://forum.tagdiv.com/install-via-wordpress/
– https://forum.tagdiv.com/install-via-ftp/
Thanks
That was perfect. Thank you Catalin! Thank you very much.
I tried to do it in other way (using the theme panel) but without success.
I solved using your code in the “css additional” in the wp personalize theme.
Thanks again.
Hi how to exclude “POWIAT CIECHANOWSKI” from top bar in category page from this site http://www.tvmazovia.pl/kategoria/region/powiat-plonski
I do not want to hide CSS only to remove it from the view in PHP.
Hello,
I have succeded in displaying the “quote on blocks” (see css afterwards, here for precision : https://www.screencast.com/t/zxsqTM0I8U), rather than the excerpt – more practicle for publishing articles.
However, I still have a problem. I use the module M2 but it only displays the quote on box when placed in a row containing several columns but not when placed in a single row without column.
Please see these images : https://www.screencast.com/t/P9yM4SrG8s and https://www.screencast.com/t/Fd5p8sgT0OH3.
Would you happen to have a solution ?
Thanks
.td_quote_on_blocks {
font-family: ‘Quicksand’;
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: normal ;
text-align: left;
text-transform: none ;
color: black ;
margin-top: 10px;
}
Hi,
From what I can see none of the socials display as they should, which is like this
– https://www.screencast.com/t/RKp0l38Rs3
There is a code in the custom CSS section in your case, this code affects the counter
– https://www.screencast.com/t/1DccPTZytB
Remove that code and the issue will be solved.
Thanks
Quando tento instalar o arquivo ZIP surge esse erro na página:
Installing Theme from uploaded file: themeforest-5489609.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Hello sathana,
Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
ul.sf-menu > .td-menu-item > a{
border-left: 1px solid red;
}
The result is here -> https://www.screencast.com/t/jHz1whFZ3pO
Thanks for the message!
Hello Sofie,
Unfortunately, please notice that we cannot provide custom services, sorry! You should create your own custom CSS code after you read the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hi,
Please notice that each demo has an own style for layout and if you want to achieve something like that design, you should simply install the demo and the theme will import the CSS specific to this demo. Also, you can check the style.css file for that demo to see what kind of changes were made over that block, as you can see here -> https://www.screencast.com/t/shHG5Cn1g
Thanks for the message!
Hi,
I believe these that header style will be reworked by us in the near future. If there is not enough space in the menu (on smaller devices) the logo will be at the left and the menu items below it. At some point the logo will be resized
– https://www.screencast.com/t/WG6U278ed
I could try and give you a CSS solution if you could mention how you want it to look.
Hi,
That is a big grid, this one to be more exact
– https://demo.tagdiv.com/newspaper/big-grid-3/
There is a slight gradient for the bottom part of the module, to make the title more visible. For example if you use a lighter featured image, if that gradient was not there the title would be hard to read of invisible.
If none of the grid styles available are to your liking, I could give you a code to remove it with this result
– http://prntscr.com/kj9v4k
The code can be entered in Theme panel->Custom CSS.
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
display: none;
}
Thanks
