- 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!
Easy question:
Im using custom css like this:
@media(max-width:767px){
.td-post-content h2{
font-size:32px!important;
line-height:40px!important
}
}
For custom fonts and sizes in mobile theme. It works in all post and pages (post-content, page-content) but I dont know what is the key for the front page, is the only one that it doesnt work.
Thanks!
For the front end you can choose the font properties for the quotes in the theme panel
– http://prntscr.com/mk3e90
In order to change that color you’ll need to add a custom css in newspaper>theme panel>custom code>custom css https://www.screencast.com/t/W8AWZGuBejMo
.td-post-content blockquote p{
color: #111;
}
Sidenote: I’ve applied a custom CSS to stretch the image and camouflage it while we’re finding a solution:
.td_module_11 .entry-thumb{
width: 324;
height: 185px;
}
Hello,
There are some icons that can be used with the Newspapper fort. In the CSS I see this:
.td-icon-search:before {
content: ‘\e80a’
}
I would like to know. How can I look up for the codes and icons of the font?
Greetings,
Eddie
Ok, all very clear.
Last question off topic: when I use css display:hidden for row element in td composer, how can I see it again and to select display:show?
I can’t select the row because I don’t see it.
reply my mail:
Hello,
The options you show in your second screenshot do not activate or deactivate the sticky menu only for the composer. Not for the website. it is an editor only option.
Both menus and both their sticky versions can be edited separately. If you do not want sticky menus, simply delete all content from the sticky part of the menu: https://www.screencast.com/t/JniEmGHBslgI
Thank you!
Bogdan B
Can I also use css display: hidden?
Hi,
This comment is a little bit different, those from theme panel show the comments from post, and the one from author page show the comments that author have write.
-> https://www.screencast.com/t/t3AYUJPoxZdX
For author page you need to use a cloud template from tagDiv Cloud Library or us a custom css
-> https://www.screencast.com/t/azp5sVXF3Uv
.author .td-author-counters span:last-child {
display:none;
}
Set the css in Newspaper>Theme panel>Custom code Custom css
You can check the social from here ->https://www.screencast.com/t/NloFAh1A or using tagDiv Composer -> https://www.screencast.com/t/Vq2QewXO -> https://www.screencast.com/t/Lu5k1yWECq
Thank you!
Hi,
Please set this custom css in Newspaper>Theme panel>Custom code>Custom css and the stars for block 7 will be show in all your website
-> https://www.screencast.com/t/SHhRSXoA
.td_block_7 .td_module_6 .td-module-meta-info {
display: block;
}
Thank you!
Hi,
Yes, you can set a custom css for smaller title for example from this -> https://www.screencast.com/t/YZbLIZ547Zu in this https://www.screencast.com/t/CfM2RBgxu3V
.td_block_13 .td_module_14 .entry-title {
font-size: 14px;
font-weight: 600;
}
You’ll need to set the above code in Newspaper>Theme panel>Custom code > Advance css section phones -> https://www.screencast.com/t/W3oEVWzh2Kv
Thank you!
Hi,
Please provide me a link were I can inspect your website footer, in this way I will be able to provide you a custom css that will work .
Thank you!
Hi,
Yes, you can do that, all you need to do is to set the code in Theme panel>Custom Code> Advance css in section desktop -> https://www.screencast.com/t/xdMYlkdSNO and this code will be apply only on desktop.
Thank you!
Hi Catalin. I regenerated the critical path CSS (in WP Rocket) and that seems to have solved that problem.
Many thanks,
stuart
Hi,
I have inspected your website on mobile and I saw that your Header Ad is not right aligned as you can see here -> https://www.screencast.com/t/aep6Zsx4TC As a quick fix, you can try to add the code below and place it in Theme panel -> Cusotm CSS area.
@media (max-width: 767px){
.td-header-sp-rec .adsbygoogle {
margin-left:0!important;
}
}
Unfortunately, we cannot replicate this behaviour. Also, if you want some deeper investigation about this case, you need to send us an email at contact@tagdiv.com with your log-in information (wp-admin) and CPanel access. Before this, you need to make a full backup to your database, disable all of the untested plugins and remove all of the additional customizations to avoid any interferences in the theme.
Thank you!
Hi,
You want you can use a custom css that do the same thing.
You can try this custom css for color on individual categories
-> https://www.screencast.com/t/hnPXiMEJcLS9
All you need to do is to change the category in code and the background color will apply on that category.
.td-module-image a[href$="/news/"],
.td-meta-info-container a[href$="/news/"]
{
background-color: green;
}
.td-module-image a[href$="/nxt/"],
.td-meta-info-container a[href$="/nxt/"]
{
background-color: blue;
}
.td-module-image a[href$="/wweresults/"],
.td-meta-info-container a[href$="/wweresults/"]
{
background-color: red;
}
Set the custom css in Newspaper>Theme panel>Custom code>Custom css
Thank you!
Ok, I see.
Is there a way to make the title font on mobile smaller, for just this feed, with some custom CSS?
Wouldn’t that be a way to make the text block smaller as well?
Hi,
If I understand correctly you want to hide those categories -> https://www.screencast.com/t/gUMl9X40M if is so please add this custom css in Newspaper>theme panel>Mobile theme > Custom code> css
-> https://www.screencast.com/t/A8CN8wTOVJg
.td-category-header .td-category {
display: none;
}
Thanks.
Hi!
One more question. So is this possible to example module 11? I have css class “is-premium” which have little diamond icon.

Hi,
Yeah I just want to remove the footer from the homepage. I’ve used the custom css and post the css code but still the footer is showing on the homepage.
https://screenshots.firefox.com/M5gLqDK826SFQjrb/minkholdings.com
Kindly help me to figure out this issue.
Thanks
My client ask me to add a lot of modification to theme directly. NOT CHILD THEME
Is any way to get the source files for stylesheets? (Sass/Scss/Less)
PS: client really don’t care about updates 🙂
Hi,
How I can do for exhibit a cover image when mobile users on portrait orientation view the website?
The objective is alert to rotate for landscape mode the mobile users.
Thanks so much!
The idea is to only have the one i am manually placing…and for the original theme header Ad to be removed via the script… the ad for me still shows up, i have used CSS to hide it… but i dont want it hidden, i want it gone.
-
This reply was modified 7 years by
Freddy Meynard.
I put that code into custom css but nothing changes. The text is floating.
So the plugin has created problems? If I deactivate it, will everything be rearranged or will I have to reinstall the theme? What do you suggest?
Hi,
If you want to change the color for tags on posts, this can be achieve using custom css or using a single post template from tagDiv Cloud Library
-> https://www.screencast.com/t/iQQbXa3F
Create custom code with the browser’s Inspector or the Live CSS Box – https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Thank you!
Hi,
1. The amp url will be https://website.com/post-url/?amp this will not affect the seo, but is possible to be some changes because the google need to index the new link.
2. The smart list will change only the content from smart list and nothing more, that is way that text remain there.
3. For this please use a custom css
.comments .comment-form .td-warning-comment, .comments .comment-form .td-warning-author, .comments .comment-form .td-warning-email{
display: block;
text-align: center;
font-size: 11px;
opacity: .65;
}
.comments .td-form-url{
display: none;
}
-> https://www.screencast.com/t/xyMzVQZZcJug
Please set the code in Newspaper>Mobile theme > Custom code
Thank you!
I want to remove link from title and heading which are inserted automatically in my all title and heading give me any css code