The textarea for bbPress topic in NewsMag has the following css code:
<textarea class=”bbp-the-content wp-editor-area” rows=”12″ tabindex=”102″ cols=”40″ name=”bbp_topic_content” id=”bbp_topic_content”></textarea>
What custom CSS code or other method should I use to have a maximum length of the textarea to ensure that the topic content length does not go beyond a maximum (such as 200 characters)?
The textarea has an attribute of maxlength, but how to use it in the Custom Code of NewsMag theme?
Paste this code in the custom CSS section of the theme panel.
.td-scroll-up .td-icon-menu-up {
color: white;
}
Change the color to a color or color code of your choice.
Work perfectly 100% ! Thank you Boss
Please note that Newspaper>Theme panel>Custom code> doesn’t work at all ! so I always add CSS in Theme> customization > Custom CSS
——–
Nevertheless, I’m going to submit an article about all RTL errors , so that the team can fix them, I have a feeling that NEWSPAPER 10 is going to support RTL
It makes me angry to see other RTL theme in themeforest stealing all original ideas from TAGDIV to put theme in their themes.
So I’ll help NEWSPAPER THEME to Support RTL and be the N01 RTL THEME !
Thank you again .
Best regards
Hi thanks, I ended up doing a combination of things to make it work. I hooked in to change the amount of posts displayed and display in alphabetical order, then modified the archive in my child theme so that if it’s that post type display the content, then I also had to tweak the CSS. Whew! But it’s all working good now.
I do have a request though for a future update – if any post (or post type) doesn’t have comments enabled, then the comments in the meta info should be off by default in all of the archives and search and modules etc. Would that be possible to incorporate?
Hi Calin, can u help me one more thing, instead of using the light grey color only on smartlist, how about to have it on a normal blog post? What CSS to use?
Here’s what is shown on my site http://prntscr.com/lot1ai
It only has pure image and i want to have grey background image under it
Go here wp-content\themes\Newspaper and modify style.css file. You have to add your custom code at THE END of file, for every screen type for example:
@media (min-width: 1141px) {desktop}
custom code
@media (max-width: 1018px) and (min-width: 768px) {iPad portrait}
custom code
@media (max-width: 1140px) and (min-width: 1019px) {iPad landscape}
custom code
@media (max-width: 767px) {phones}
custom code
then install a cached plugin like W3 Total Cache
Hi.
I tried to put my custom css code into the file style.css in my child theme, but Newspaper do not like this move.
Do I have to insert custom css code in style.css of parent theme? But what about upgrade?
Hi,
Sorry you are using mobile theme, please remove the css from Newspaper>Theme panel>Custom code> Advanced code> Phone
and paste it in Newspaper>Theme panel>Mobile Theme>Custom code
https://www.screencast.com/t/cEzo158UeGQ
Thank you for your understanding
Hi,
Unfortunately, that section does not come from our theme because our product does not have any streaming section available, sorry! Most likely, this comes from a plugin and also, we cannot provide support for untested plugins, sorry! If you want to change the size of this button, you need to create your own CSS code for this changing and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks.
Hi,
Please set this custom css in Newspaper>Theme panel>Custom code>Advanced cod Phone
.td_single_image_bg {
height: 160px!important;
}
Hope this will help you to achieve what you want.
Thank you for your understanding.
Hi,
Please add this custom css in Newspaper>Theme panel>Custom code> Advanced code> Phone
https://www.screencast.com/t/pssp2mtSbGdu
.td-post-small-box a{
line-height: 15px!important;
height: auto;
}
Hope this will solve your problem!
Thank you.
-
This reply was modified 7 years by
Calin.
Hello,
I’ve made a new clean install without any plugins, and also made the theme installation via FTP but the problem remains. When I tested my website on GTmetrix I’m still getting this result: .
PS:
This is what GTmetrix support team send me when I asked them the reason of the problem: “You have inline JavaScript that is causing the Minify JavaScript/CSS to be triggered”
I guess this inline JavaScript problem is related to the theme itself. Can you please show me a way to fix it ?
Hi,
Please add this custom css in Newspaper>Theme panel>Custom code>Advanced code> Phones
.td_block_related_posts .td-module-image{
position: relative;
float: left;
}
See results: https://www.screencast.com/t/hcEZvS9mp
Thanks.
Hi,
Yes is possible, also if you want you can add some extra class on widgets and set on the extra class the custom css ( in this way you can set the extra class on each widget you want to gave the same css ), also you can do this for blocks too.
https://www.screencast.com/t/vTGBvTxSePM
Thank you.
Hi,
Sorry that was my mistake.
Please add the below css in Newspaper>Theme panel>Advance css> Phones
https://www.screencast.com/t/EkGfyB2Abid0
https://www.screencast.com/t/3ypCtcdRlFcZ
.td_block_big_grid_flex_10 .td_module_flex_6 {
width: 100%;
}
.td_block_big_grid_flex_10 .td_module_flex_7 {
width: 80%;
}
Thank you for your understanding.
Hi,
Now if you want to change this color for desktop please add this custom css in Newspaper>Theme panel>Custom code>Custom css
https://www.screencast.com/t/49hBDgs5cwu
Now if you want this on mobile, and you have mobile theme please set the css in Newspaper>theme panel>Mobile Theme custom code
https://www.screencast.com/t/Jz1dDGYW
Or if you want this on both, set the css in both places.
.form-submit input[type=submit] {
background-color: #913fe4;
color: white;
}
https://www.screencast.com/t/W9qcTV9dhY6
Hope this will help you.
Thank you for your understanding.
Hi,
Unfortunately, the theme does not have any such an option for this, sorry! Notice that the Mega Menu feature has been designed to display the categories and the posts from that categories, sorry! If you want to edit this section, you need to check the theme’s core file and make some changes over the code. Also, you can try using some CSS code to hide the posts but please notice that is not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot p[rovide custom work at the moment, sorry!
Thanks for your understanding!
I have checked, I can’t find it in the Theme Panel custom CSS area!
I have searched everywhere!
The Theme Panel Custom CSS area for every single entry is empty
Hi, Thx for the answer
It’s work when I do
.td-header-sp-recs{
display:none;
}
But how can apply this css just for this page and not for all website ? Because this class it’s used in all pages.
Best regards
Is it possible to edit CSS individually for each block?
Hi,
In mobile view is set some padding
Add this css and the mobile view fill be full width for all elements
https://www.screencast.com/t/5zy8ppxa5C
@media (max-width: 767px){
.td-container, .tdc-row {
padding-left: 0px;
padding-right: 0px;
}
}
Or if you want to show only the elements set to full width please add this custom css
@media (max-width: 767px){
.stretch_row_content{
padding-left: 0px;
padding-right: 0px;
}
}
Paste the code in Newspaper>Theme panel>Custom code>Custom css
Thank you.
Hi,
Please read our guide for page templates.
-> https://forum.tagdiv.com/page-templates-2/
You need to change the page template, or to set a custom css in Newspaper>Theme panel>Custom code>Custom css
.home .td-pb-article-list{
display: none;
}
This css will hide the latest articles only from homepage.
Thank you for your understanding.
Hi,
That depends on the blocks you are using.
Please provide a link to your website, in this way I can inspect the problem and give you the proper custom css.
Thank you for your understanding.
Hi,
For border radius in newsletter https://www.screencast.com/t/ubGaUuUru6C
Also the css provide by @Simion C. will apply to all thumbs.
I see that you fix the problem with big grid flex 10:
https://www.screencast.com/t/J1FXOpzhd
Thank you.
Hi,
In order to reduce the space between each widget you’ll need to a a custom css like this
https://www.screencast.com/t/2HSlea86hCKd
Thank you.