- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hi,
Where would i use the CSS method? – is there a custom CSS box?
The classy demo uses a cloud template for the posts, you can change it to a different template if you want to.
With the introduction of the cloud library plugin, now post templates and many other templates can be created with the tagDiv composer
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
There are templates designed by us which can be imported
– https://affiliate.tagdiv.com/#/load/All
Also there are blank templates which can be used to create a template from scratch. Using cloud templates is not mandatory, the default post templates are still available.
You can install the demo with no content, this way only the theme panel settings will be imported. This demo has an additional stylesheet but it is minimal indeed
– http://prntscr.com/mghck5
Most of it’s design is made in the composer directly with the available settings. Flex blocks were used mostly and these have a great deal of options and settings. We tried to keep the design similar to the erotic demo but there were some changes.
The class td-erotic is no more, it is now td-classy. This was one of the reasons the erotic demo has been modified.
You can remove the body class if it remained in the theme pane, it has no purpose anymore. Unless you used it in custom CSS code.
If you need help with anything else let me know.
Hi,
Normally, you should not need to add this custom CSS code, sorry! The theme should fit over your content, sorry! I do not what kind of untested plugins you are using on the website which might break the theme’s functionality, sorry! Try to disable all of these, clear all the caches and check the results. As a test, you can make a new clean install to another subdomain for testing, use only the plugins which come bundled with the theme core files without your custom CSS code and check the results.
Thanks for the message!
Hi,
So the background color should affect the page content only in the homepage. One solution would be to stretch the rows in the homepage, and set a background color for each of them
– http://prntscr.com/mgf1wi – http://prntscr.com/mgf221
It can be done with some CSS as well, just for the homepage
– http://prntscr.com/mgf77i
I could modify the code if needed, let me know
.home .td-main-page-wrap,
.home ins,
.home .td-header-style-10 .td-banner-bg {
background-color: #d8d4dd;
}
Thanks
Hi, I’ve been able to add this field, following the documentation Here
I was able to add my custom block to the TagDiv Composer, and it displays the field content on the authors’ page correctly. But I have this error:

Here’s the code I pasted inside td_block_creative.php
<?php
class td_block_creative extends td_block {
function render( $atts, $content = null ) {
parent::render( $atts ); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
global $tdb_state_author;
// $author_description_data = $tdb_state_author->description->__invoke( $atts );
$author_loop_data = $tdb_state_author->loop->__invoke( $atts );
$buffy = ''; //output buffer
// when no data - return empty on frontend
if ( empty($author_loop_data['author_id'])) {
return $buffy;
}
$buffy .= '<div class="' . $this->get_block_classes() . '" ' . $this->get_block_html_atts() . '>';
//get the block css
$buffy .= $this->get_block_css();
//get the js for this block
$buffy .= $this->get_block_js();
$buffy .= '<div class="tdb-author-descr">' . get_field('additionalinfo', 'user_'. $author_loop_data['author_id'] ) . '</div>';
$buffy .= '</div>';
$buffy .= '</div>';
return $buffy;
}
}
Files: td-creative-plugin.php and style.css I left without changes. Please help me to fix this error.
Thanks
-
This reply was modified 7 years by
pbc.
Hi,
The slide has a setting for the height – http://prntscr.com/mgeidv
So you could set a height there, no need for CSS. If I misunderstand something please correct me.
Thanks
You could use a CSS that will hide the sub-category by the position number. For example the Style hunter is number 4 in the list of sub-categories
– http://prntscr.com/mgdw7p
The code to hide it is like this – http://prntscr.com/mgdye0
Code used in example here
.menu-item-291 .block-mega-child-cats a:nth-child(4) {
display:none;
}
I used the ID of the menu-item so that the code will apply only to that menu item
– http://prntscr.com/mgdz7v
Hi,
I think you want to change the space between menu and first block on the page if is so then you’ll need to set on the first row the margin top ‘-48’ https://www.screencast.com/t/fWpleU759Jw
Using css -> https://www.screencast.com/t/poM2zmAyHJ
In order to translate the login form please go in Newspaper>theme panel>Translations> Translations -> https://www.screencast.com/t/OlpU9vHOU
Hope this will help you!
Thanks.
“purge CDN files” which means? How do you do?
However, I asked if the css that I added is okay for my problem or you could give me a better solution …
Thank you Simon
I did noticed that Classy homepage was very similar when not even identical to Erotic, but the post-pages are very different. I hope I will be able to reproduce the design of posts in the same way it was in Erotic Magazine.
It could be a great help if you could confirm the following things to do:
1 – Newspaper > Install Demos > Classy Magazine (only settings!)
2 – Theme panel > Custom Code => Replace CSS class .td-erotic with .td-classy
Last question
If I open the file Newspaper8 > includes > demos > erotic > demo_style.css there are 504 lines of CSS code.
If I open the file Newspaper9 > includes > demos > classy > demo_style.css there are only two lines of CSS code.
Same with the demo_style.less file.
Shall I be worried not to find the customization of the Erotic Magazine Demo by installing Classy Magazine?
Best Regards
Fabio Baldanello
Hi,
Please provide some more details about what demo are you using, we have some demos that need to use custom css in order to change the colors ( those demos are older or have st as background color a gradient).
Thank you for your understanding!
Hi,
The theme will indeed set a margin bottom for the paragraphs, with a value of 26px. You could use the code you mention to modify the margin, if this is needed. Enter it in the theme panel custom CSS section.
Let me know if you have more questions.
Thanks
Hi,
If you are using blocks like Block 12 -> https://www.screencast.com/t/zV33fy60XR
than you can change the name from -> https://www.screencast.com/t/Gd7oDVNRSK -> https://www.screencast.com/t/calZkQv2b
Or you can use custom css to hide it -> https://www.screencast.com/t/zPvvcnyRobCS
.td_module_11 .td-read-more {
display: none;
}
The above custom css will hide all buttons for read more from module 11, just set it in Newspaper>theme panel>Custom code>Custom css
Thanks.
Hello again,
I have migrate my website from bluehost to wpengine and the data have been missing (post , pages , custom css, etc) basically the data does not exist from my old site can u please assist
Thank you for your support.
Hi,
That depend on headers, if those are form blocks you can set the color with tagDiv Composer -> https://www.screencast.com/t/qayFrkSuT or form widgets -> https://www.screencast.com/t/ixTy2vnarYH also you can use custom css.
Thank you for your understanding!
Hello~
How can I speed up my mobile site.
1. My mobile site speed is ‘3’ in ‘PageSpeed Insights’
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fpapacurator.com%2F
2. I did your guide
https://forum.tagdiv.com/how-to-make-the-site-faster/
1) Enabling Gzip compression
: Already did in hosting service
2) Set the Leverage Browser Caching
: I did below code in .htaccess
3) Optimize images
: I use ‘EWWW Image Optimizer’
4) Use a cache plugin (WP Super Cache)
: I set WP Super Cache
5) Remove render blocking css/js –
using the TagDiv SpeedBooster plugin (advanced users)
: I tried but nothing changed
target ‘FILE-ID’
…td-multi-purpose/style.css?ver=72ece2d…
(papacurator.com) 68 KB 2,130 ms
code ‘FILE-ID’
$this->move_style_to_footer_queue(‘td-multipurpose’);
Hi,
You mean the post sharing? – http://prntscr.com/mgagsw this will appear only in the post pages. One way of removing it for specific posts would be to use some CSS.
For example by using the unique post ID, and remove the top sharing
– http://prntscr.com/mgahg7
Or bottom sharing – http://prntscr.com/mgahw4
These are the codes used in the example
.postid-1003 .td-post-sharing-top {
display: none;
}
.postid-1003 .td-post-sharing-bottom {
display: none;
}
Or use cloud post templates, you can design these with the composer
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Here you can preview and even edit the cloud post templates designed by us
– https://affiliate.tagdiv.com/#/load/Single
It can be seen that the sharing is an element in this post templates, so you can use a template that contains the sharing element, and another one that doesn’t. Apply them to the posts as needed.
Thanks
That could be done with some CSS, for example – http://prntscr.com/mgafmt
.tdb_loop .td_module_no_thumb .td-image-container {
display: none;
}
.tdb_loop .td_module_no_thumb .td-module-meta-info {
margin-left:0;
padding-left:0;
}
I used the post loop 1 element in this example, this code could be modified if needed.
Hello team,
I dont want to see the comment count near the post titles on the FrontPage of the NewsMag theme.
Can you please suggest some css or so ?
Thank you very much in advance.
Mangesh
not sure if this is a tag div question.
I want my products to show in a single column on mobile only, Right now they show in two columns.
I have tried a few css tips found on the web but none have worked thus far.
and a search in this forum wasnt helping me out today.
suggestions?
Ok finally found the right settings without to use css named image height from the tag div composer
update css code
.slidershow, .td-theme-slider,.td_module_slide .td_block_inner{
height: 300px !important;
}
.td_module_slide {
height: 300px !important;
}
Dear,
I try to change the height of slider on https://www.beart.fr/ to 300px
From TD composer the bloc id it is td_bloc_slide, this component do not own a height settings.
So I try to add an extra css class: slidershow
.slidershow {
height: 300px !important;
}
While the component get the expected height the title disapeared !
Thanks for your help
All subcategories have the same class. Please tell me the way to write css. I can do it by myself.
Hello,
There is a place to change the post line bottom margin ? Or I need to edit the CSS ??
.td-post-content p{
margin-bottom: 26px;
}
Thanks