- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
In case that you set the settings and after the refresh those are removed and are display the old settings, then it can be from an object cache that is apply on backend -> https://i.imgur.com/LEpPQ7i.png -> https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
The problem with the css it can be related to a plugin conflict, please make a test only with tagDiv plugins and see if the css filed is working.
Let me know the results!
I understand. Then I think that will be a better idea to set the css code from the Dropcap3 on the “Box” style (Dropcap0) in this way the css style will apply after a theme update (the changes in the theme files will be removed when the theme will be updated).
You can try this custom css https://pastebin.com/32B0FSqQ set the code in the theme panel > custom code> custom css.
If is not working, then please replace it with this one https://pastebin.com/fqGWeL00
Let me know the results!
The mobile version of my site refuses to acknowledge any settings from the mobile theme settings menu. It keeps reverting to the default header and menu colours and the box for custom CSS doesn’t work either.
The header at the top should be white with black logo and text. But it stays black with a black logo. The menu appears red and blue gradient with white text but it should be white background with black text.
Changing the settings, clearing cache etc. does nothing.
HI,
If you want to remove the category from the category grid, then you can do it using a custom css.
.category .td-post-category{
display: none;
}
The code need to be set in the theme panel > mobile theme > custom code> css.
I hope this will help you!
Hi,
Please try this custom css -> https://i.imgur.com/yHGblJp.png
.td-review-footer{
color: #fff;
}
.single a {
color: #999;
}
.single .td-post-content a{
color: #ffa301;
}
The code need to be set in the theme panel > custom code > custom css.
I hope this will help you!
Hi,
just some feedback for the tagDiv composer: it would be great to enable and disable elements in the pagebuilder. I’ll be using a workaround by saving a block “as element” and then deleting the block. But in the future it would be great so simply disable elements in the frontend editor. Also, when using the css option “display: hidden”, the element completely gets lost in the backend, a regular editor musst use F12 dev-tools, to get back this element. The element should be “grayed out” in the frontend editor.
Would love to see this in a future update 🙂
Hello,
If you want only to hide the “Latest Articles” then please remove the CSS code, and go in Theme Panel translation -> Translations look for “Latest ARticles ” and set a space -> https://i.imgur.com/LgTtuFe.png -> https://i.imgur.com/ycLHcJc.png
Thank you!
Hello @shasankagogoi!
We have some settings for the rows and different stretch sizes, so you can use the stretch row from here: https://www.screencast.com/t/bsbB5P97A or use some CSS paddings.
Thank you!
CCS issues solved. page is displayed correctly. We still don’t know where it came from. But since we set back php version from 8.0 to 7.4 we were able to reload css and create a correct mobile page. probably the theme/composer has some issues there?
Another thing is, we tried to set up a caching plugin after we recreated all pages and from our side we seemed to ready to publish. But, all plugins seem to create issues. We tried it with the recommended WP Super Cache plugin, but an interesting error is, that on desktop the home page showed up on desktop in mobile version. happened to us due to the fact we use both devices. After turning of caching plugin, the error is gone and everything is loading correctly.
Have you heard about an issue like that before? Any recommendations for caching? We would like to use it since the page is loading already pretty lame.
FYI: We exactly set up the plugin as you recommended it in your forum blog post.
Hi,
On the mobile version of https://www.creermalin.fr (using the mobile theme) I had a title under the Top 3 grid where one could read “Derniers Articles” (Lastest Articles in English).
So I use the CSS below to hide it:
/* Hides DERNIERS ARTICLES on HP */
.block-title {
display:none;
}
But then the 1st article is stuck to the Top 3 grid.
So I use the CSS below to add some margin:
/* Adds top margin instead of DERNIERS ARTICLES */
div.td-container:nth-child(2) {
margin-top: 30px;
}
It does the job but now, I have a margin above the breadcrumb on every post (pages seem to be fine so far).
Check the breadcrumb on this post for example: https://www.creermalin.fr/contenus/10-astuces-creer-contenu-qualite/ There’s a space above it.
How can I fix it?
Thanks for your help.
Hi,
The fonts form the posts can be changed by using tagDiv Composer, edit the single post template, select the single post content and check the css tab -> https://i.imgur.com/8KOyNUJ.png -> https://i.imgur.com/wQ6c20O.jpg
Thank you!
Plus, the social icons on this page do not appear in all browsers, some see Chinese letters others just weird icons which have nothing to do with the social network linked behind. There is something wrong. And we can’t find it. Everyone tells me its something in composer/Css whatever.
Hi Vjcoil,
I do not think that you can remove a code in datbase.
That code is set on this file -> wp-content/plugins/td-composer/legacy/Newspaper/includes/td_config.php you can remove the classes and those should no longer be display in the page source -> https://i.imgur.com/GhVg2U2.png but this will also remove the css from those elements. maybe there is a better way to find out why the Gtranslate plugin is in conflict with those elements.
Thank you!
Hi Paradoxer,
The content is bolded because there is a 600 bold set on it. I think that you have some custom css set in the theme panel https://i.imgur.com/yCfrL9x.png and this need to me changed from font-weight: 600 !important; to font-weight: 400 !important;
Or you can use this custom css for mobile theme:
body .td-post-content blockquote p {
font-weight: 400 !important;
}
Set the code in the theme panel > custom code> css.
I hope this will help you!
Thank you!
Hi,
Unfortunately, I do not see any screenshot, but I think that you are referring to those icons -> https://i.imgur.com/Egvq0F7.png those are coming from the ajax pagination -> https://i.imgur.com/IT5gylN.png if you want to change only the icon it can be done using a css, just replace the icons in this code:
.td-icon-menu-right:before {
content: '\e808';
}
.td-icon-menu-left:before {
content: '\e807';
}
The code need to be set in the theme panel > custom code> custom css.
Thank you!
Hi,
If you notice, there is a lot of white space between the footer Ad and footer. I was trying to reduce this by adding a custom CSS for “.tdi_65” to reduce the margin-top to 0 but it doesn’t work. I am trying to apply a similar style to “.tdi_115” to reduce this space on posts but again, doesn’t work. Appreciate your help.
https://allthingsstatistics.com/
Thanks
Zaheed
Dear all,
Internet explorer is not rendering my header very well. https://www.socialistparty.org.uk/
Unfortunately IE is still widely used…
There are two issues, circled in the screenshot below. I can add IE specific css to my child theme, but I’m failing to find the right css.
All other browsers are fine and IE renders everything on the page well apart from the header.
I’m using an IE 2019 (version 1909) on Windows 10. See IE header issues
It happens on both my work and home computer’s versions of IE.
Hello @iamratnesh!
Add this CSS code:
.tdb_single_content .td-a-ad{ background-color: #eaeaea;}
Thank you!
Hi,
Do you want to set borders for all images inside the posts?
If is so, then you can use a custom css that will apply on all images inside the pots -> https://i.imgur.com/SmhMHAU.jpg
.single picture img {
border: 5px solid #888;
}
This code need to be set in the theme panel > custom code> custom css.
If this was not what you mean, then please let me know!
Thank you!
Hi,
Can you please provide some more details related to the css problems, also some screenshots will help a lot.
As far as I know the last theme update do not have problems related to the theme builder. Do you have some problems with it?
Thank you!
I see, so you want to use the mobile theme with the Advanced Ads Plugin.
I think that first you should enable the google fonts for the mobile theme -> https://i.imgur.com/uDAzbZs.png to have the same style for fonts, after that you need to use a custom css for the Call To Action Banner -> https://i.imgur.com/H387Yje.png
.tdm_block_call_to_action {
display: inline-block;
margin-bottom: 32px;
}
.tdm_block_call_to_action .tds-button a {
display: block;
}
Set this code in the theme panel > mobile theme> custom code> css.
I hope this will help you!
Hi Redlemon,
I think that you want to have a block like this one -> https://i.imgur.com/4HwtY5D.png, you can do it using a flex block 1 and some css. First remove the featured image -> https://i.imgur.com/EaZMfnK.jpg then adjust the author image and hide extra data -> https://i.imgur.com/Kl5PMv1.jpg after that set a class on the block -> https://i.imgur.com/HhGzONz.png and add some custom css, mine was this one
.my-module .td-author-date .td-post-author-name{
display: none;
}
.my-module .td-module-title, .my-module .td-post-category {
margin-left: 160px;
position: absolute;
}
.my-module .td-module-title{
margin-top: 24px;
position: absolute;
}
I hope this will help you!
Let us know the results!
