- 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 Calin,
Thanks for your response. It will be great if you can help with custom css for the mobile theme to achieve this. My website url is https://sfnewsdaily.com/
Let me know if you need any additional info.
Thanks
Hi,
Unfortunately there is no option of this, but you can use a custom css like this one
.td-lb-box-1, .td-lb-box-2,.td-lb-box-3,.td-lb-box-4,.td-lb-box-5,.td-lb-box-6,.td-lb-box-7,.td-lb-box-8{
display: none;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thanks.
1. The getimage problem is solved.
2. The headline/title missing problem still continues. Now I can see the headline only in Firefox. It has disappeared in Chrome and Edge. The headline is visible for a second then disappears. I have entered the above custom css in the theme panel also but still there is a problem.
https://facesoman.com/dr-waleed-khalid-al-zadjali-taking-a-leap-of-faith/
3.Now the home page appearance has also changed in chrome. The flex box alignment is gone awry. The titles are coming below image instead to the right of image.
4. All the fonts on homepage change in firefox and edge and also on phone. Raleway changes to Times New Roman. When I open website in any browser with the url https://facesoman.com/ the font changes but when I open it as http://facesoman.com/ the font stays Raleway. I have checked with my server hostgator and my ssl certificate is in place and valid so they feel I should check with theme developer.
I have recently started getting all these problems. A request to solve these ASAP.
Thanks
Sophia
When the GDPR Cookie Consent Banner plugin is installed, the layout css are unconfigured, as verified the problem is in the lines:
html[class*=’ie’] [class*=’td_flex_block_’] .td-module-container {
display: block;
}
html[class*=’ie’] [class*=’td_flex_block_’] .td-image-container {
height: auto;
flex: initial;
}
Can fix that?
Hello !
That requires css code, please provide a link to your website and we will take a look.
Thank you !
Hi,
What I’m trying to say is that there is no options for these elements to make these flex to look as you want, this can be achieve only with custom changes.
TO not say that I do not try to help you, I’ve made a custom code that should work for big grid flex 2
div.td-big-grid-flex-scroll .td-big-grid-flex-post {
float: left!important;
}
.td_block_big_grid_flex_2 .td_module_flex_7 {
width: 49%!important;
}
div.td-big-grid-flex-scroll .td-big-grid-flex-scroll-holder {
overflow-x: unset;
overflow-y: unset;
white-space: unset;
font-size: 0;
-webkit-overflow-scrolling: unset;
}
The custom css need to be set in theme panel> custom code> advance css> phones.
Hope this will help you!
Thank you!
Hi,
There is set a translation on the image, this can be remove only with custom css, also this is set because the images is load after the content, the css code is:
<style>
.td-element-style-before {
transition: none;
-webkit-transition: none;
}
</style>
This need to be set here -> https://i.imgur.com/QdcK8dS.png
Thank you!
Hi,
All cloud template from tagDiv Cloud Library can be edited using tagDiv Composer. The space can be reduce by select the logo and click on the header menu -> https://i.imgur.com/dDr8GUt.png check the css tab and reduce the 70 margin bottom -> https://i.imgur.com/c2fwmYp.jpg
Thank you!
Hi,
If you are not using the mobile theme plugin, then you can use this option from theme panel -> https://i.imgur.com/9RXBNEW.png
Using the mobile theme plugin, then only with css can be change the mobile smart snap.
Thank you!
Hi, guys:
I would really like to have the CSS to modify the overlay colours and the hover overlay colour for the big grid or flex big grids.
By the way, your theme is awesome.
Many thanks,
Diana
Added CSS to prevent the menu from appearing when scrolling to the top in the mobile theme through post search.
.td-header-wrap {
position:static!important;
}
If this method is wrong, please provide additional methods.
-Translated by Google Translator-
– Thank you –
Hi,
If you want I can inspect the problem and I can provide a css that will help you, just provide link to your website.
Thank you!
Hi,
Unfortunately the caption can not be set on Single Post Bg Featured Image (this image is set as a background image using css not as an image element using html).
You can make the Single Post Featured Image smaller by setting in css tab the width -> https://i.imgur.com/rf0r6ut.png
Hope this will help you!
Hi,
I understand that there is custom body class and other manual css ways to fix the problem.
But my point is if we have given options in cloud template settings (tagdiv composer) for background color, then it should work from there itself.
I am attaching image for your reference both images are representing same elements but with the default color is coming from theme style, while Tagdiv composer is modifying different css class for red color (#dd3333)

This installation I have setup on localhost so link is not available.
But if you want to replicate the issue, use Template 12 and try to modify the top header background color.
Hi,
So you are using the header style 12 and you are trying to change the the header color and this is not changes? there can be 2 possibilities:
1. There is set a a class on the body in theme panel that is overwriting the theme panel settings -> https://i.imgur.com/XiIqyUv.png
2. There is a custom header that has a strong css and this can not be overwrite be the settings from theme panel.
As a solution to change this color, you can use custom css, also if you provide a link where I can inspect this header I can provide a better answer.
Thank you!
Hello !
Please try this css code: .td-container-wrap .td_flex_block_1{
display: block!important;
}
At the moment we do not have a button to un-hide all the elements.
Thank you !
Hi,
For Warning: getimagesize =>
Please make sure that all the settings are like in our requirements, please follow the guide carefully
– https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.
Please enable the option in PHP.Ini as you can see here: https://stackoverflow.com/questions/37531149/php-getimagesize-not-working-on-external-links That allow url is 0 on your side. You can ask your host to do this. Also this is the only solution for the moment, I will ask our developers about the allow_url_fopen security risk.
The flex block 2 is look different because in that demo is use a specific class that it make that layout -> https://i.imgur.com/QQLsm9s.png td-medicine-pro-quick with out that class -> https://i.imgur.com/NK31ljo.png
Also for the edge problem, please use this custom css ->
.isEdge .tdb-title-text {
background-color: #172842!important;
}
The code need to be set in theme panel> custom code> custom css.
Thank you for your understanding!
Hi,
In order to change the background color, you’ll need to edit it with tagDiv Composer select the row and check in css tab -> https://i.imgur.com/QjQelqT.png
Hope this will help you!
Thank you!
Hi,
Unfortunately there is no option in our theme on this element, but you can use a custom css like this one -> https://i.imgur.com/lgaOGqJ.png
.td_block_image_box .td-custom-title {
top: 85%;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
I delete all my website contain and clean entire ftp and database and rebuild all with a new installation of newspaper but after some days the problems is back. Currently the size of gutenberg is ok but still the customm css visible. However I’ve got only the tagdiv plugins for the moment.
The support at contact@tagdiv.com have acess to my ftp and admin panel but no solution has been found.
Also your code doesn’t work : add_action(‘admin_head’,function() {
echo ‘<style>.td-gutenberg-editor .editor-styles-wrapper .wp-block {max-width:726px;}</style>’;
});
The editor say there is a syntax error , unexpected ‘>’ but I don’t see where.
Hi,
You need to use an option for theme update from our guide -> https://tagdiv.com/update-newspaper-theme/
But I suggest first to tr the update on localhost or on sub-domain and only after that make the update on live website (p.s. do not forget, always make a full backup for your website)
“cannot find style.css file” usually this problem is when you do not install the correct theme file.
Thank you!
Hi,
1. Unfortunately in category template there is no option to select the color for reviews, sorry, this can be done only with custom css -> https://i.imgur.com/aiYXs4b.jpg -> .tdb_module_cat_grid_1 .td-icon-star{
color: #fef;
}
The code need to be set in theme panel> custom code> custom css.
2. Indeed this option is only on flex block 1, if you want to have the same color for reviews stars you can use this custom css
.td-icon-star{
color: blue;
}
This code should apply for all elements.
Hope this will help you!
Thank you!
That’s all good I found the answer myself.
Just in case it can help any one:
1- Select your first “Single Image” and “Image info box” then change for each of them the css > Css-margin bottom to : -1
2- Select the “Single Image” and “Image info box” underneath and change for each of them the css > Css Paddin top to : 10
Now the space between the 2 inner columns is a lot smaller.
Cheers
-
This reply was modified 6 years by
slivertorp.
Attempted using WP Add Custom CSS but wouldn’t apply even a simple rule to the page.
Hello,
There is a bug in header template 12, the default color is defined as .tdi_22_388_rand_style{background-color:#4db2ec !important;}
But from General > Background gradient (I am unable to set gradient)
Also from CSS > Background Color (I am unable to set color)
(Althrough I checked through inspect element the property is applied, but not getting correctly overridden by the default css property for header template 12)