No search results were found in Documentation!
Hello @chauthong2!
Please check if there is applying this color from Newspaper -> Theme panel -> Theme colors -> General theme colors -> Theme accent color. If you use something custom from a plugin, it could be a plugin conflict with our theme. You can change the CSS there too: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also, try to apply !important after every line like this for example: .class{background-color: red!important;}
And it should apply the correct CSS.
Thank you!
Hello Pimp Fred!
I can see that this issue is only in one case, on homepage. So, please check the settings to be the same as in the single post template for example. If this issue is still there, then you can add this CSS code in the LIVE CSS:
.tdi_39 .tdb-head-search-form-input{ min-width: 300px;}
Thank you!
Hello @yukiy531!
Yes, please check this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello @MrFrog5!
Unfortunately, you can hide it only with some CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello!
Your current demo is indicated here: https://www.screencast.com/t/dC2nQSoagjwl
You can verify for example from the settings which font is used, or by inspecting the website -> Computed: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Usually, we use the fonts from Google Fonts for the demos. The theme comes with two preset default Google Fonts: Open Sans and Roboto.
Thank you!
Hello @nockeeee!
Unfortunately, there is no effect on our theme like the one you describe.
Check this article because it could help you: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello!
Please check our documentation here: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope that helps you!
Thank you!
i have tried all of your image blocks. NONE provide proper control over image sizing. Just check it out using browser inspector and you will see it is not working.
Hi cyberhrc, at this moment most of the theme elements can not be stretched more then 1024 px, and that it is way for the moment option to change the website width was not added.
This is on our list, but I do not know when this will be implemented.
Now a few changes can be made with custom css, but there is no guide/tutorial for how to do it, also it need to edit quite a lot of css.
Thank you for your understanding!
Hello,
Firstly thanks for the reply.
Else I’ve double-checked the website on various browsers, you should have a look at the source code instead of the inspector.
Line 2637:
the H1 is still there – any way to get rid of it?
Looking forward to hearing from you.
thanks
Hi,
I updated our website to a newer version of the TagDiv composer sometime ago, but after the header was broken, I reverted to an older version. But after the composer stopped working recently, I unfortunately had to update and the problem I had occurred again. I addressed this issue before and it was not solved. So here is my question again:
I have set up all the header settings in the theme panel (h1-h6) with custom font sizes, however these settings are not being used after the update. For example: whenever I place a title block or a widget block on a page, it should use the default font size settings I have set up in the theme panel. An H3 and H4 block title should be 28px large. That’s not the case however. If I check the header in the browser inspector, I can see that it is overwritten by CSS as 17px. I have never added this to the theme panel or as a custom code, so I have no how this could happen. Also, I can not make manual changes to widget titles, for example. So changing all the header sizes manually is not an option!
Hi,
For example, for all elements that are set in the sidebar, you can use this custom css:
body .td-ss-main-sidebar .block-title span {
background-color: #fe123e;
color: #ffffff;
}
Or you can add on those elements an extra class -> https://i.imgur.com/8qcuC0I.png also this can be done with tagDiv Composer, too -> https://i.imgur.com/GbWwqF3.png
Also you can use our guide from here to inspect the theme classes.
Or if you remove the body class -> https://i.imgur.com/dGFk7xQ.png then all elements that has an option for color will apply.
I hope this will help you!
Hi,
If you are using the responsive version, then the only solution for Newsmag theme it is to use a custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
As an alternative, you can use the mobile theme plugin -> https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/ this was special made for mobile, but the only inconvenience is that for pages you need to make a new content using the mobile editor ( is is to made the mobile page faster), or you can use the responsive version -> https://i.imgur.com/nMJwG9f.png
Thank you!
Hi,
About the CSS, normal it is recure to it only if the settings from the theme panel are overwriting (like in your case), also we have a guide for how to inspect the elements from website and in this way you can see what CSS it is used https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also for the menu, you can use this custom css -> https://i.imgur.com/ykmm0Lg.png
.sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: blue;
color: white;
}
Hope this will help you!
Hello !
This has to be checked manually unfortunately. You will have to go using tagDiv Composer, or the browsers inspector tool and see where those fonts are loaded. In my opinion the inspector should help you work it out faster.
Thank you !
Text on sidebar block headings is not consistent and I’m having trouble adjusting it.
I have run out of options for adjusting the text on sidebar headings other than using CSS code (I am not good at it) but I am having trouble getting the code right.
Installed Newspaper 9 with the Default Demo initially (2 years ago) but upgraded and converted and no longer using the tagDiv Standard Pack plugin.
On the homepage https://testsite.northdallasgazette.com/
Image: https://testsite.northdallasgazette.com/wp-content/uploads/2021/01/Sidebar-Heading-1.jpg
On another page: https://testsite.northdallasgazette.com/index.php/ndg-live-video/
Image:
https://testsite.northdallasgazette.com/wp-content/uploads/2021/01/Sidebar-Heading-2.jpg
I want them both centered with the font size of the larger one (19px). I followed the instructions for using the browser’s Inspector here and could only come up with the following code but it does not work.
td_block_templete_14 widget .td-block-title a {
font-size: 19px;
text-align: center;
}
Please help.
Hello !
You will have to use the browser inspector and see what font size the element you want to edit has: https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome
Unfortunately at the moment this is the only way.
Thank you !
Hi,
That is usually caused by security plugins, or firewalls, that block the theme. Like in these cases for example https://forum.tagdiv.com/topic/cant-save-theme-options-2/
Is there an error in the browser inspector console when saving the theme panel?
We could take a look as well, if you want us to, we will have to log in. You can send us an email at contact@tagdiv.com and provide admin login for the website there, also a link to the website. We will check what the problem is.
Thank you!
Hi,
The colors from widgets elements can be set from here -> https://i.imgur.com/aYEjGKo.png the results will be those -> https://i.imgur.com/I49XZ2F.png if you are using a specific demo, those will have add an extra class on body -> https://i.imgur.com/xRgTVnI.png that will overwrite the styles mentioned above and it can be change only with custom css or removing that class -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this will help you!
Hi,
Unfortunately in Newsmag theme is no option to can edit the h tags, this can be done only with custom css, if you need help with this I can help you! Just provide me a link to your website and let me know whet element you want to style and I will try to help you as much as I can.
Thank you!
Hi,
The width of Newsmag is 1068px width, now you can go for 1116px, but no further.
If you want to use a custom css this will be quit hard, here is a guide for it -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
Is look that on this website -> https://www.businessreport.com/ these elements were set manually (custom work) inside the theme.
For the moment our theme do not has this option, but I think that you can do something with custom css for posts that has a specific category and this can be set as parent category on posts and use a css on that category -> https://forum.tagdiv.com/primary-category/.
Thank you!
Hi,
I just checked your post and you are using a standard post template, unfortunately this can not be adjusted per each view port like cloud templates. Now the only way for the moment is to use a custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ here is an example -> https://i.imgur.com/HoAesWx.png this code need to be set in theme panel> custom code> advance css > phones.
Thank you!
Hi,
I think that you can do something using custom css but this will not look very good, another solution is to use a cloud header, this can be edited using tagdiv Composer.
Thank you!
Hi,
Thank you! yes we have a guide https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ also you can set the css in theme pane, or using tagDiv Composer in css element -> https://i.imgur.com/ar1c8h6.png or css composer -> https://i.imgur.com/8phmhOJ.png -> https://tagdiv.com/live-css-box/
Have a nice day!
