- 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
Hello !
Please use this css code in order to fix your issue.
.td_block_social_counter{
color:black!important;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Let us know the result !
Thank you !
Hello !
At the moment we hope to release the update in January but this is not fixed yet. Our developers are working in implementing a tool to remove the unused CSS automatically.
Thank you !
Hello viglioh,
You have this problem because in the General module overlay color is set => https://www.screencast.com/t/3BHaIax0HN, you need to clear it, and add the color for Meta Info Background, then you can insert this code for border-radius, will look like this => https://www.screencast.com/t/4OIPJSeDFwe3.
.td-big-grid-flex .td-module-meta-info {
border-radius: 0px 0px 10px 10px;
}
.td-big-grid-flex .td-thumb-css {
border-radius: 10px 10px 10px 10px;
}
Hope this helps you!
Thank you!
Hello !
Please use this css code: <style>
.sf-menu .td-normal-menu ul{
width: 20em!important;
}
</style>
The code must be inserted in here: https://i.imgur.com/5EYUwD3.png
I am using the same code on some of my websites and it’s working as expected.
Tip: You must remove the old code you have added to theme’s functions.php before adding the code I have mentioned in the previous reply.
Instead of using Async plugin I will recommend using WP Rocket plugin it comes with all the features and options you need to speed up WordPress website.
They also have defer JavaScript option for both internal and external scripts.
They are also working on removing unused CSS code functionality and will be available in coming updates.
Note: This reply contains an affiliate link.
I hope you will find this helpful.
Greetings
Amit
Why won’t WordPress install this theme? It says it can’t find style.css. It’s clearly there.
When I edit the post this is what I see…
Blank page, what am I doing wrong here?
and can we figure out the css to allow the options to show on the admin side. Currently they are hidden behind the admin toolbar, dont know how anybody can work like this!
Hello, I am trying to change the font style and size through the Theme panel -> Theme fonts -> Post content, and still, it isn’t changed, as you can see here:
https://mindflowfield.com/how-to-set-smart-goals-and-create-your-dreams-future/
can you let me know if I’m doing something wrong? how do I need to change the font if not here?
also, in this post, I cant see the main header, I have not changed CSS so it is weird.
Thank you
Hello!
You could fix this by editing with TagDiv Composer plugin. Edit a column from your element which you want to modify and do this setting in css tab: https://www.screencast.com/t/BJmKqI2Rabk
Please adjust your margin size with a negative value after your wishes.
Read more about the plugin here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
Please try not to reply multiple times in the topic if possible, this will only delay our response. Replying multiple times will refresh the topic date and move it to the back of the line, we answer from oldest to newest.
Thanks for your patience!
Hi,
Is look that you have a code from cache that is apply https://prnt.sc/w7ndki normal if you clear all check everything should be normal.
Also you can use this custom css https://i.imgur.com/mbMNJwK.png –
.td_block_11.td-column-1 .td_module_10 .item-details{
padding-left: 0;
}
The code need to be set in theme panel> custom code. advance css> phone
Hope this will help!
Can you provide the CSS code to sort out the issue?
Hello Miroslav Glavić,
You can change or remove Background Image, editing with tagDiv Composer => https://www.screencast.com/t/mBWUytkO, select the header Row you can change or remove the image in CSS => https://www.screencast.com/t/3Cs0LKzF.
Hope this helps you!
Thank you!
Hi
I would like to make my Big Grid Flex 1 rounded with a color background for meta info (title of the article), this is the code I put into the theme panel:
.td-big-grid-flex .td-thumb-css {
border-radius: 10px 10px 10px 10px;
}
It works, but not if I insert a color in the “Meta info background” section, and it is like this:
Can someone help me? Thanks in advice!
Ok thanks i have following settings
https://ibb.co/NxZ8CJy
https://ibb.co/7vs1yWT
and this path works fine for me wp-content/plugins/td-composer/mobile/single.php
Now i have issue with javascript section. https://ibb.co/hF4RTHy
i print a simple alert but is not displayed. What is wrong?
Css is rendered correctly
Thanks
Dear tag.div Team, my H1 on mobile is marked as Largest Contentful Paint. The H1 is linked to three CSS-files, one of them is 4036233c-1607636887.css. The H1 is on the top of the document, it’s always the title of my posts, and so everything else has to wait until this 3 files are loaded. This is causing a really high LCP. Can you provide some help here?
css sekmesi ile yapabildim Teşekkür ederim
Thanks but
1. How do I replace the post loop with a flex block? Will this flex block pick up the Agent Snapshots posts?
2. I placed the above css code in Custom code, deleted cache but did not correct image?
Please advise
Hi, as I can see there is a stronger css that is apply over the one that you want to use https://i.imgur.com/eDPHkuN.png now both seems to be from the same code that you are using for Pinterst Button.
Thanks
Hello !
You can add extra classes to different ROWs as you can see here: https://www.screencast.com/t/GpctewTlg Then you can link your css to that class.
Thank you !
Hello !
1. Please replace that post loop with a flex block. It will work much easier and it also will give you more customization options.
2. Please use this css code: .td-image-wrap {
padding-bottom:100%!important;
}
Thank you !
Hi,
@huiduoduo
This is your opinion!
Just a few things to clarify because you’ve mentioned my name here:
– You’ve provided one star rating for “The theme is missing the style.css stylesheet.” error. I’ve explained the installation process.
– You asked 2 questions and I answered both (one was solved, for the other one I still needed some info).
Unfortunately we don’t work on weekends and you have sent more replies. The support schedule is posted on our forum and also it is sent as an autoreply on email.
We don’t ignore you or anyone else! We do all our best to help our clients during the support hours and we answer from the oldest emails (topics) in order. If you add more replies we will get later to you!
@FietsersbondHZ and @CarpFreakz Thank you for your support!
Have a great week!
Hi insert_JSH, our theme do not have any option for this, but I think that you can achieve it with some custom css.
Here is a similar topic, maybe it can help you -> https://forum.tagdiv.com/topic/related-articles-ad-from-outbrain/
Hello!
That demo using following custom css:
.td-slide-meta {
background-color: #fff;
max-width: 30% !important;
bottom: 25px !important;
}
.td-slide-meta .td-module-title a:hover {
color: #db4e5a;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-slide-meta {
max-width: 56% !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-slide-meta {
max-width: 60% !important;
bottom: 20px !important;
}
}
@media (max-width: 767px) {
.td-slide-meta {
max-width: 76% !important;
bottom: 16px !important;
}
}
.td_block_template_8 .td-block-title > *:before {
height: 3px;
}
.td-social-style7 .td_social_type .td-social-box {
background-color: #9b71f7;
}
.td-big-cat-block .td_module_flex_1 {
display: block;
}
.td-fashion-block .td_module_flex:nth-child(3n) .td-module-container {
border-width: 0 !important;
}
.td-fashion-block .td-next-prev-wrap {
text-align: center !important;
}
.tdb_loop_2 .td-module-meta-info {
margin: 0 auto;
}
.tdb_loop_2 .td-module-meta-info .td-editor-date {
background-color: #fff;
padding: 15px 0;
width: 86%;
}
.tdb_loop_2 .td-next-prev-wrap {
text-align: center !important;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.tdb_loop_2 .td-module-meta-info .td-editor-date {
padding: 12px 0;
width: 90%;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdb_loop_2 .td-module-meta-info .td-editor-date {
padding: 8px 0;
width: 100%;
}
}
If you want to add the same design like there, then you can copy-paste this code into Newspaper -> Theme panel -> Custom code -> Custom css.
Thank you!
I removed it in the CSS….thought that there would be a way in theme customization…
I checked the waterfall in GTMetrix and there are a lot of fonts, css and Java Script that is loaded in the headsection of the theme. I have deactivated all Google Fonts. So what can I do to the decrease the LCP. The LCP increased after the last update…
Greetings Kathrin