Hi,
For applying the css only on slider please try like this:
.td_block_slide .td-theme-slider.iosSlider-col-3 .td-module-title {
font-size: 48px;
}
I hope this will help you!
Hello,
For this error wp_booster error: please install and activated the tagdiv Styandard pack plugin.
td_api_base::mark_used_on_page : a component with the ID: single_template_1 is not set.
/wp-content/plugins/td-composer/legacy/common/wp_booster/td_api.php
Please block /wp-json/tdw/save_css
If an attacker wants to target this URL /wp-json/tdw/save_css they can do so. Even if the website uses a different theme, the attacker can still try that URL. We could add an option to be able to enable/disable the Live CSS, it will be considered. But for now in order to remove it this can only be done with a modification to the composer plugin. I think that all that removing it requires is to comment this line of code – https://prnt.sc/RtwvL5Nc4ikR -> https://prnt.sc/ymZmhdUfp57U But as I mentioned, the attacker can still try to access the URL.
Thank you!
Hello, I need an urgent support as im getting the following error on the website
wp_booster error:
td_api_base::mark_used_on_page : a component with the ID: single_template_1 is not set.
/wp-content/plugins/td-composer/legacy/common/wp_booster/td_api.php
Also wordfence has blocked over 20000 times the following
Amsterdam, XSite Scripting in POST body: /wp-json/tdw/save_css
Help
There is still an issue:
1) mobile printing still prints the background header image … how do I hide this?
other thing for the devs to consider:
a) why did I have to invoke the !important flag; what other CSS preventing this from normally occurring without the !important flag
How would I apply a fix only to the slider CSS itself and nothing else?
I have not tried anything like
.slide-meta h2 entry-title td-module-title {blah blah}
There were still issues with the mobile page printing and I had difficulty identifying what exactly was changed so I restored the website.
In LiveCSS, I added the following code:
@media print {
.tdb-logo-text-wrap {
display: none !important;
}
body {
margin-left: auto;
margin-right: auto;
}
}
by adding the !important flag it places the CSS at a higher priority and thus it actually works !!!
Result:
Desktop printing: perfect
Mobile printing: it still wants to print the background header image … how do I hide that image (I can’t find the CSS name)?
I also tried placing the new working CSS within Newspaper’s
Theme Panel – Custom Code – Custom CSS
however, the !important flag was flagged by the panel and the end result did not work
Hi,
Hmm, normally there shouldn’t be a problem, we checked the demos to the live sound and everything seemed to be fine – https://i.imgur.com/iAlp9Gq.jpeg, but it is possible that this problem only occurs when monitors with a high resolution are used or some situation of this kind.
I’m glad you found the solution with “em” for fonts instead of “px”, from what I’ve seen this is a very used solution in adjusting the font according to the screen sizes. If this solution works well and only the slider block is affected, what I can suggest is: use a custom css that will apply only per slider to can adjust the size of fonts based on screen, here is a concept that can be used:
html { font-size: 62.5%; }
body { font-size: 1em;}
@media (max-width: 300px) {
html { font-size: 70%; }
}
@media (min-width: 500px) {
html { font-size: 80%; }
}
@media (min-width: 700px) {
html { font-size: 100%; }
}
@media (min-width: 1200px) {
html { font-size: 140%; }
}
Other suggestions are to try this:
1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger
I hope this will help!
Hello, usually I can get a page to do this for short content, anyone else have any luck?
Here’ my css code
html, body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.td-footer-wrapper {
flex: 0 0 50px;
margin-top: auto;
}
Hi, folks
I think I brought this up previously, and thought it was sorted. But the fix I did previously seems to not work now.
Essentially, with Chrome/Windows11, if I increase the system font to something like 118% for accessibilty on my high dpi display, this actually increases the font size in slider breaking layout; this is with ‘zoom’ at 100%.
Previously, I was able to set back to 100%, clear browser cache, set back to 118% and would not have the problem. However, it does not seem to work now, and most folk would not think to do that and just see something kinda funky.
I believw it’s this element, which looks to have a pixel size of 24px — would changing to ’em’ help with this, or some kind of wrap element in CSS?
code
<div class="slide-meta "><h2 class="entry-title td-module-title">
e.g., screencap
NewYorkNetwire.com/temp/temp052324.png
This is on our test site double checking all our mods, and custom code, and plugins work with PHP 8.2x before we start to deploy on our oooold sites to upgrade from PHP 7.2x. Live site, just not promoting it or updating it properly with main content at the moment until we double check all this kind of shenanigans. 🙂
Setting the Windows 11 > accessibility > font size back to 100% fixes it, but obviously a lot of folks with high dpi monitors have to increase the font size to actually use the internet now. The slider block seems to be the only element affected by this.
And yeah, many folks hate sliders. But, for our news portals we still like them as we can slide bwteen several featured items vs just having a single one, to keep featured items up top longer.
Thanks for any suggestions on fix!
Thanks simchris and Calin. It seems to be resolved, I removed the wp-zexit plugin and some code that was in the db inside td_live_css_local_storage.
I’ll keep checking just in case.
Thanks again!
Hello,
If is used the tagDiv Mobile theme plugin, then you’ll need to edit those file
– wp-content/plugins/td-composer/mobile/single.php
– wp-content/plugins/td-composer/mobile/loop.php
Unfortunately with the code to add your custom taxonomy I can not help, if is about a css for style, this is ok, we can do it, but custom code and changes in the theme files with custom code is a bit over what our support can offer, sorry!
As a hint, this is the code that I saw as example in some articles – https://pastebin.com/DLvm1Gir
I hope this will help you!
Hello Bettina,
I think you didn’t understand me correctly, I am asking about mobile-theme.woff error. I added “font-display:swap” to style.css and style-amp.css but nothing changed.
Thanks
Hello @Ericky !
You can try to hide the pages you need with some CSS code: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hello @jayflyer!
You can use also the Raw HTML which should work well, and style it via CSS.
Thank you!
Couple quick notes on “being prepared” when doing updates to Theme:
a) you should make manual backups of your dbase via hosting panel, AND via the WordPress ‘export’ function prior to any updates, including WordPress core – theme does not manage that for you; no theme does
b) you should put some custom code in the WordPress > Appearance > Customiser when possible as this lives outside theme, so will not die with a broken update
c) you should copy paste custom code for widgets, footer elements, and CSS into separate text file for ease of rebuild when an error
d) you should make a ‘map’ of your custom home page elements, such as rows and modules and settings for each (e.g., category ID, skip IDs, etc)
Just some feedback for newer WordPress users. This kind of planning will really save you from going nuts if there is hiccup during any update of anything.
🙂 Chris
(I don’t work here; WP user since 2004.)
Couple quick notes on “being prepared” when doing updates to Theme:
a) you should make manual backups of your dbase via hosting panel, AND via the WordPress ‘export’ function prior to any updates, including WordPress core – theme does not manage that for you; no theme does
b) you should put some custom code in the WordPress > Appearance > Customiser when possible as this lives outside theme, so will not die with a broken update
c) you should copy paste custom code for widgets, footer elements, and CSS into separate text file for ease of rebuild when an error
d) you should make a ‘map’ of your custom home page elements, such as rows and modules and settings for each (e.g., category ID, skip IDs, etc)
Just some feedback for newer WordPress users. This kind of planning will really save you from going nuts if there is hiccup during any update of anything.
🙂 Chris
(I don’t work here; WP user since 2004.)
Hi Bettina
I do not understand your answer.
I have issues since updating 12.6.5. Still issues seen on my website:
Title with Text, Call to action, Social icons block modified.
And all the settings in the Theme Panel are gone, custom css included.
Anamaria said:
In the worst cases, the settings in the theme panel may be lost (there have been isolated cases), in these cases, after the theme plugins that were previously used are activated, you will have to use a backup for the theme panel -> https://forum.tagdiv.com/import-export-theme-settings/
But if I want to use a backup in Import/Export I need to have access to a backup on the 20th of May but the limit of the backup there is 5 that cannot be changed – the number is grey.
Question remain: How to get one on the 20th of May?
Hi Anamaria, here below is the code that’s been added to Theme Panel / Custom Code / Custom CSS. Can you see what may be causing Block 9 to centre and not left-align?
Thanks
———
.td-review-summary .td-review-summary-content {
font-size: 16px;
}
.td-review-summary .block-title {
font-size: 14px;
}
.td-review .td-review-desc{
font-size: 16px;
}.wp-block-button {
margin-bottom: 15px;
}.post .wp-block-button.td_btn_large .wp-block-button__link {
font-weight: 500;
}
.post .wp-block-button.td_btn_large a:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #005d84!important;
}.td-post-sub-title { color:black;
}.post .wp-block-button.td_btn_large .wp-block-button__link {
font-weight: 500;
}
.page-id-11891 .entry-title{
display:none;
}
.td-md-is-os-x.td-md-is-firefox .text-font-fix p {
line-height:15px!important;
}
.td-post-content a {
text-decoration: underline!important;
text-decoration-color: #33963F !important;
color: black!important;}
Hello!
Please check the caption settings from here: https://app.screencast.com/FsI4M8SC6U9i8
Do you use any extra CSS code?
Thank you!
With each instance of new CSS code that was provided, the code was inserted as per instructions, tested, reported on this thread, then removed as it was not functioning properly.
I will re-insert your last recommended code so that you can validate yourself that it is not working properly.
How do I rectify this problem?
Thank you.
Hi,
You can add the flex blocks to the page using cloud templates. Please check the section where you can add the CSS; maybe there is a code added there to set the title center.
Thank you1
Hello, thank you for your reply. I’m trying to remove the breadcrumb from a page but I can’t do it. Is there a default setting or do I need to add CSS as I’ve seen in your replies to other posts?
Here is the link of the page: https://shorturl.at/fzKcv
I’ll check that CSS.
But – how can I get a Flex Block into the sidebar? Only possible with Cloud Templates, which I can’t use easily because of conflict with my paywall plugin?
Thanks
MG
What about:
Title with Text, Call to action, Social icons block still modified
And all the settings in the Theme Panel are gone, custom css included!
