- 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,
I think that you are referring to this ->https://i.imgur.com/hKS8GKf.png then yes, is look that you have once set the image on the header -> https://i.imgur.com/TR9KYtt.png on once on sicky menu -> https://i.imgur.com/Kh8BDRt.png
What you can do is to use tagDiv Composer -> https://tagdiv.com/tagdiv-composer-page-builder-basics/ -> https://i.imgur.com/tAVFnNn.jpg select the row from header and in css tab you can remove the image -> https://i.imgur.com/jH8WG3t.jpg then for sticky menu scroll down when this is display, select the row and in css tab you’ll see the background image -> https://i.imgur.com/hv01DVt.png
Hope this will help you!
Great — thanks so much! The CSS provided didn’t work straightaway so I tweaked a bit based on inspecting the element and it worked. Modified code is below in case anyone else inquires.
.postid-111111 .td-post-featured-image {
display: none;
}
Thanks, again!
Hi,
I have followed instructions on how to deactivate the Author box from posts as well as comment and reviews from the theme panel and also by adding custom CSS. However, the author standard box still showing up on the articles, it seems like something is wrong.
I’d appreciate any heads up on why is not working.
Thanks
For your kind information, In the Theme Panel, there are lots of setting and custom codes are added.
And in theme files, I have edited the functions.php and style.css files only.
Thanks for getting me back. But it is not that option which I am talking about.
Kindly visit the mentioned website once, and see right and left both sides will have different ads from the sources. And the ads are sticky.
Currently, I have added similar type of ads using custom code and CSS which is added in Theme Panel->Analytics/JS Codes->FOOTER SCRIPT CODE
After that, I am able to show similar kind of sticky skyscraper ads. But it will be better if the Theme will have inbuilt option.
I hope you will understand what I have said.
Anyways Thanks.
Hi,
Yes, this can be done, you need to set the post id, this can be get from here -> https://i.imgur.com/GaEhLmC.png and here -> https://i.imgur.com/VWqYN2A.png all you need to do is to use this class .postid-16156 (replace the id with you post id) -> https://i.imgur.com/R1LcU3R.png
This code need to be set in theme panel> custom code> custom css.
Hope it will help you!
Thank you!
Hello !
Please use this css code: .td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color:white!important;
}
#td-top-mobile-toggle i {
color:black;
}
.header-search-wrap .td-icon-search {
color:black!important;
}
The code must be inserted here: https://www.screencast.com/t/8gcCmrrCetYQ
Thank you !
Hi smile099,
If you want those changes only for links and h2 then the easiest way it will be with a custom css -> https://i.imgur.com/wFUrVbW.jpg
The code from links will be apply only for posts and the h2 will be for entire website
.single .tdb_single_content a {
text-decoration: underline;
text-decoration-color: red;
}
.single .tdb_single_content a:hover {
color: red;
}
h2 {
text-decoration: underline;
text-decoration-color: red;
}
You need to set this code in theme panel> custom code > custom css.
Hope it will help you!
Hi, this -> https://i.imgur.com/c4hiMzo.png is from your blocks header.
Unfortunately if you are using the Page Builder + Latest Articles + Pagination the above solution was the only one that our theme has. Another solution will be a custom css like this one -> https://i.imgur.com/Nhzy2Yr.png
.td-pb-article-list .td-pb-span8 .block-title{
display: none;
}
This code need to be set in theme panel> custom code> custom css.
Hope it will help you!
Hi,
You can achieve that layout using a custom css like this one -> https://i.imgur.com/COEwaSJ.png
.single blockquote {
background: #82e48282;
margin: 0;
padding: 16px 32px;
text-align: justify;
}
The code need to be set in theme panel> custom code> custom css.
If you need to adjust the code need you need help, provide a link to one of your posts and let me know the changes that you want to do.
Thank you!
Hi,
Unfortunately there is no option for this, but if you want I can provide a css code that can remove the header and footer for a page, just provide a link to that page and I will help you with the code.
Thank you!
In Theme Panel Settings (Desktop and Mobile) I set both to blue (https://prnt.sc/vhn6gt & https://prnt.sc/vhn6sp). On my Cloud Template, the mobile menu and mobile search background are both red (Template), means it doesn’t use the theme settings. But where to set this in TagDiv Composer? In CSS Settings I only find the option to set the header background color…
Ok thx
I find a problem, the problem was in plugin Custom CSS and JS
Hello! Is there any way to set the size of a featured image with CSS but by Post ID? We’re using the BadgeOS plugin for user achievements and must use the featured image but it’s huge when users click on the achievement. I was able to change the percentage width using live CSS but it changes all of the featured images and I can’t figure out how to target just one post. The plugin is using the single.php template, so tried setting the Badges up as CPTs and assigning a cloud template to it that I’ve created but it’s not working. Given that, I figured I would set the featured size by post since we don’t have that many. Any guidance would be truly appreciated. Thank you!
I have a black theme on my site, but the author box text defaults to black, so it can’t be seen. I’ve tried a few custom CSS codes that I found doing a search in this forum, none seemed to have the right effect. My temp URL is new.goingfor2.com. This is a clone site I’m using to redesign it without messing up the main site. Here is a link to one of the single post pages: http://new.goingfor2.com/rookies-that-will-win-you-week-9/
Hi,
Please provide a link to a post where we can inspect this.
Also if you provide some screenshots before and after it may help to provide a solution (maybe a css code). You can try – https://www.screencast.com/ or https://app.prntscr.com/en/index.html
Thanks!
Hello !
If you can’t find them in composer it means that they come from Appearance – Widgets. That can be done with css. Please provide a link to your website and we will take a look. Or you can re-create the sidebar completely with tagDiv Composer as you can see here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=6s
Thank you !
Thank you Vlad, it worked (I had to adjust the CSS settings to reduce the empty white spaces left over by some of the changes I made, but it worked).
So if you don’t mind me asking, what effect does the changes I made in this screenshot do? (since you told me I could mod the post pages directly from TD composer)? I had turned multiple things (like Show Categories Tags, Show Author Name, and a few more). I’m asking because I basically made changes but don’t know where or how they took effect, you know? Thanks.
Hi!
Thank you for your answer. Unfortunately edit box is not available for footer elements at all. Last editable element is in main content wrap. In footer no elements are getting the editing highlights and buttons. Any idea why this happens? No major changes in site. A child theme has been created based on your guide, but only a custom css file has been enqueued that has nothing to do with footer.
The cache problem seems to be resolved. No cache plugins were enabled, but SiteGround has forced some kind of cache even when it was turned off in both their backend and as a WP plugin.
Thanks,
Bence
Hi,
No, all the code that is set in theme panel will still be there after theme update.
What you can do is to use that category cloud template-> https://i.imgur.com/48yzaoO.png from tagDiv Cloud Library or use a custom css -> https://i.imgur.com/vqiOJcY.png
.category .td-category-siblings .td-category a, .td-category-siblings .td-subcat-dropdown {
color: #fff;
}
Hope this will help!
Dear sirs,
I’ve read the articles:
https://tagdiv.com/amp-newspaper-theme/
https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
And, sorry, but I don’t understand how to setup AMP SETTINGS:
– Mobile – Displays content using the Mobile Theme on small screen devices (no AMP)
– Mobile+Amp – Displays content using the Mobile Theme on both mobiles and AMP
– AMP – Uses the responsive version of the theme on small screen devices and Mobile Theme only on AMP.
Yes, I studied PHP and CSS. But the explanaitions above doesn’t make sense to me.
Could you, please, provide a detailed and thorough explanation for each of these options: Mobile, Mobile+Amp, AMP.
Thank you in advance!
I read all these, but come on, I’m not talking about page speed, I’m not talking about big images, css files etc. The theme makes too many requests to the server, it requires too many power and if I knew it was so I would have not upgraded to version 10.
Your themeforest page said the version 10 was better, and it is not at all. I bought the theme for all those good things like ajax loads, infinite post scroll etc but now you are saying to me “Do you see how many beautiful things you can do with my theme? Great, but sorry if you want your site keep alive online disable everything! And still, << please note that using our theme, you need to have a good host with very good resources >> (this is a quote by Calin here https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/)”. I dont think this is fair
Hello !
Please try this css code: .grecaptcha-badge {
display:none!important;
}
The code must be inserted here: https://www.screencast.com/t/5vaCUXXSO1Q
Thank you !
I clicked on everything….except CSS! LOL
Thanks so much, that did the trick.
