- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi, how to change filter color? I use Flex block 1, but cant change the hoover color.
I use now custom CSS to change filter color, vut cant fint hoover code.
.td-subcat-filter .td-subcat-list a {
color: #fa7e25;
}
Unable to install missing Style CSS
Thank you very much @amit-2
Two other questions 😀
1.) Can I add in the child theme style.css only styles related to the theme? My style.css is not working. Anything I add has no effect.
2.) You mean that it doesn’t matter where you put the CSS.
“Well, that is completely your choice. Adding CSS in theme panel or customizer will add it as inline CSS code on page. I prefer adding them to child theme’s style.css.”
I have had a different experience here.
If I set the page title (look here: https://nimb.ws/7PYUGZ) to display none.
If I do that via Theme Panel Custom Code you can see the title flashing briefly > https://streamable.com/g3fi10
If I do that via Design > Customizer > Custom CSS, you don’t see any blinking > https://streamable.com/s8ny2z
Can you explain this to yourself?
Is there any way to fix the Problem with Page-Title? >> https://nimb.ws/Y63PAV
I dont wanna have these black, left-align Title on Pages. Is the only way i have, use custom css?
On AMP pages, the image description is collapsed.
The width does not fit.
Where can you adjust this. I don’t like to work with additional custom CSS.
Look here: https://nimb.ws/4TmpyN
Hi great1212, I checked your website on chrome, opera, firefox and edge and on all of theme the menu is displaying correctly, the problem that you reported is for 1s until is loaded all the css from your website, if you check you’ll see that there are more elements that for 1s will change.
Usually this problem appear when the css is set to be loading at the bottom of website page and not in top of it, also it can be fixed if you increate the time that is take to your page to be load.
Thank you for your understanding!
Hi hewmedia, this https://i.imgur.com/aVU0OJU.png can be removed only with custom css like this one -> https://i.imgur.com/aZZ8DRE.png
.author .td-author-comments-count{
display: none;
}
This code need to be set in theme panel> custom code> custom css.
Also the second request can be also do only with custom css https://i.imgur.com/fZVHF8V.png
.page .td_top_authors .td_mod_wrap:hover .td-authors-name a {
color: red;
}
.page .td_top_authors .td_mod_wrap:hover .td-author-comments-count, .page .td_top_authors .td_mod_wrap:hover .td-author-post-count{
background: red;
}
The code need to be set in the same place like the one above.
Thank you!
Hi,
This code will set to center all the images set in sidebar -> https://i.imgur.com/skdbKE5.png
.td-main-sidebar .td-ss-main-sidebar .widget_media_image img{
display: block;
margin: 0 auto;
}
You need to set it in theme panel> custom code> custom css.
Hope it will help you!
Let me know the results!
To fix this, I’ve edited the plugin directly under plugins -> plugin editor (WARNING to anyone else reading this, if tagDiv updates their plugin, there is a risk they will overwrite this change and you’ll have to make it again).
Then I chose tagDiv composer from the dropdown on the top right and clicked apply. I navigated to legacy -> common -> booster and clicked on td_module.php. Then I clicked into the code area and typed cmd-f (ctrl-f for windows) and searched for this:
class="td-image-wrap
I replaced that line that starts with $buffy, with the following code:
if ( is_null( $this->post_thumb_id ) ) {
$no_thumbnail = 'no-thumb';
} else {
$no_thumbnail = '';
}
$buffy .= '<a>href . '" rel="bookmark" class="td-image-wrap ' . $no_thumbnail . $video_popup_class . '" title="' . $this->title_attribute . '" ' . $video_popup_data . '>';
I now have a “no-thumb” class which shows up then there is no thumbnail, and am able to use that to hide the thumbnail anchor (“a”) element entirely via CSS.
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
Hello !
You can adjust the CSS as you can see here using the tagDiv composer: https://www.screencast.com/t/0AICMjCJpwv4
Thank you !
Hi @patrick93
1. Yes, I am using Imagify on some of my and my client’s websites. It is very useful if you have multiple authors and publish multiple stories a day. If you have a single author and have a good knowledge of Photoshop, I recommend using Photoshop to optimize images and make them progressive before you upload them on your server.
2. Yes, if you have local traffic, then there is no need to use Cloudflare. I believe having a Cloudflare free plan in combination with a premium hosting provider is a bad idea.
7. Unfortunately, you can not overwrite mobile theme files using a child theme. You can find style.css file for mobile under /wp-content/plugins/td-composer/mobile/style.css
Tip: If you have the same modified CSS code for both mobile and desktop versions, you can add it to Live CSS. You will not lose this on every Newspaper theme’s update.
I hope you will find this helpful.
can i do it using css and php code.
Hmm…that’s weird! I just checked and it’s working on my end.
Here is a link to an example: https://test.eliwoods.org/author/hmholden/
Also, how do I change the hover color with CSS from blue to red (my theme color). I can’t seem to change it. You can see it here https://test.eliwoods.org/staff/.
Hi @Amit-2
1.) Thanks for your help. I am now using WP Rocket.
WP Rocket recommends imagify to me. Can you say something about this?
I always compress my images myself to the appropriate size. Does the plugin then still make sense?
2.) I have heard that Cloudflare is unnecessary if you have a national site. Without visitors from other sites. What is your opinion on this?
3.) Thank you!
4.) Thank you. I will try WP Sweep.
5.) Ok Thanks.
6.) Ok thank you. Hope too 🙂
7.) Style.css from the child theme only affects the desktop template, right?
The mobile theme remains unaffected? Is there a .css file in child theme for mobile template?
Thanks Vlad. I’ve been noticing that. I tracked it down somewhat:
There is code in the PHP file /wp-content/plugins/td-composer/legacy/common/wp_booster/td_module.php
(or alternately /wp-content/plugins/td-cloud-library/includes/tdb_module.php, where similar code lives).
$custom_placeholder = td_util::get_option('tds_thumb_placeholder');
That thumb placeholder appears to get assigned, in the case of no featured image, on this line:
} else if( $custom_placeholder != '' && $css_image === true ) {
$td_temp_image_url[0] = $custom_placeholder;
Then the assignment appears to be used here to render the thumbnail:
$buffy .= '<span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="' . $td_temp_image_url[0] . '" ' . $retina_image . ' ></span>';
That option tds_thumb_placeholder is being defined in the wordpress database. It’s in the wp_options table, in the rows with option_name td_011 and td_011_settings. Unfortunately, the option_value for those two items are PHP serialized data, and contain an insane 2,500 rows of information (all inside one single database cell — over 256kb of data).
Trying to unserialize the data using online tools has proven fruitless.
I’m thinking of writing additional PHP code near those if statements to simply add a class like “no-thumb” when there is no featured image. Of course overwriting plugin code is a challenge, as there’s no such thing as a “child plugin” the way there is a “child theme”, but I’m sure there’s a way to do that without risking issues when the plugin is updated.
I built the whole site in about 4 hours, then I’ve spent 4+ hours trying to hide just that one thumbnail. Can it be added as a feature request to be able to turn off thumbnail placeholders? I see from searching around that I’m not the first person to ask.
Cheers,
Michael
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
-
This reply was modified 5 years by
honestdish.
Hello, I need to make this header higher, I use the (standard) demo gadget.
What can I add to custom css to make this happen?
Thanks!
Hi,
The same seems to be happening for me https://prnt.sc/w2ezlx I believe this is an issue. I will add it on the list for investigation.
For the time being please edit the search template with the composer https://prnt.sc/w2ezyf
Then click on the post loop element and in the CSS tab set a margin left of 24px
https://prnt.sc/w2f0rr
Then it should display correctly https://prnt.sc/w2f16b https://prnt.sc/w2f1fl
Please try it and let me know.
Thank you!
Hello!
The back to top arrow can be change only using css code. For example if you want to remove that arrow you can use this css code:
.td-scroll-up {
display:none;
}
Set this code in Newspaper -> Theme panel -> Custom code -> Custom css.
Thank you!
-
This reply was modified 5 years by
Bettina.
Hello!
Unfortunately for Mobile Theme there is no option to change the Category Tag Background & Text Color, only if you use custom code css and put the code in Newspaper -> Theme panel -> Mobile theme -> Custom code.
Thank you!
Hi,
The screenshot you provided cannot be viewed – https://prnt.sc/w2d3zv I believe there are issues with Gmail and Google drive at the moment. Our email does not work as well.
Are you referring to the author box displayed in the post page? Could you provide a link to where the count is displayed on the website just to be sur? If there is no setting to remove it, some CSS would work just as well.
Thank you!
Hello !
Please use this css code and adjsut the pixels to your taste: .td_module_mob_2 .td-module-thumb {
height:200px;
}
Please insert the code in here: https://www.screencast.com/t/Vci8ZxVsXQ
Thank you !
Hello !
Please use this css code and adjsut the pixels to your taste: .td_module_mob_2 .td-module-thumb {
height:200px;
}
Please insert the code in here: https://www.screencast.com/t/Vci8ZxVsXQ
Thank you !
Hello !
Please use this css code: .tdb-logo-img-wrap {
margin-top:-75px;
margin-left:20px;
}
The code must be inserted here: https://www.screencast.com/t/MnDb9lKEt
Thank you !
Hi,
That is because the first paragraph has a different tag -> https://i.imgur.com/5l2OFbw.png if you want that paragraph changed in with replace the above css with this one https://i.imgur.com/uee32xz.png
.page-id-2 .tdc-content-wrap p, .page-id-2 .tdc-content-wrap h5{
color: #fff;
}
Thank you!