Hello Kevin!
Check this guide: https://yoast.com/how-to-build-an-faq-page/
You can add the code in the Raw CSS, HTML element or in the theme panel settings -> https://prnt.sc/MhB70BrtPjaw
A shortcode can be inserted by using the element called “Column text” or “Text with title”.
Thank you!
Hello,
I saw that a missing image is added in the footer, so please select the row, and in the CSS tab, you will find the Background image; please remove it.
Also, please make sure that the settings are saved.
Also, the screenshots are not displayed -> https://i.imgur.com/qyEAnZN.png
Thank you!
Normal

CSS styling

Hovered in real life

I don’t know what’s wrong here. Why is the css styling not being applied in the real screen.
Thanks for any help.
Hi there, can’t believe its been exactly two years to the day that I asked what is now the same question (I haven’t been doing much with this site for the past two years. Been working on other stuff). I applied your fix at the time and the vertical shadow appeared. But now its disappeared. I checked your css input code, and its all there, but the shadow doesn’t appear. How do I get it back again?
site is: onlineinvestmentconference.com
Hello,
Would you please direct me to the documentation to edit the WooCommerce My Account page in tagdiv or where I can add css to make this page functional? The default is an absolute mess and there are no proper edit options in tagdiv to organize the sections where they are not all bunched together. This looks absolutely terrible and is going to cause a lot of issues for my customers. Thanks for your guidance. See screenshot.
https://drive.google.com/file/d/161oPpzIYWriEAhRAb6ydGupUZAu3gFqR/view?usp=sharing
I tried with the full path but it doesn’t work
If you put it in the custom css, only with the last class ou full path, it works
In advanced css it doesn’t work at all
Hi,
It looks that the there is an element on the homepage that is wither than 714px and that t is way is this problem on the homepage.
What I recommend is this custom css:
.home .tdi_11 .td_block_inner {
margin-left: 0px;
margin-right: 0px;
}
Please set the code in the theme panel > custom code> custom css.
Thank you!
Ligne 545 :
$css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_family_list[$font_setting_value]) !== false ? '' : $font_setting . ':' . $font_family_list[$font_setting_value] . ' !important;';
from this part :
if ( $f_var !== '' ) {
$css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $f_var) !== false ? '' : $font_setting . ': ' . $f_var . ' !important;';
}
} else {
$font_family_loaded = $font_setting_value;
$css_font = isset($this->settings["all"][$param_name]) && strpos($this->settings["all"][$param_name], $font_family_list[$font_setting_value]) !== false ? '' : $font_setting . ':' . $font_family_list[$font_setting_value] . ' !important;';
}
}
break;
Hello,
After updating to the RC 12.5 version I’m getting this error message repeated 8 times at the root of the website (homepage) :
Warning: Undefined array key “undefined” in /…/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php on line 545
Could you help me fix this ?
Regards,
I’m using advanced css to change the height of a div but the mobile css is not getting inserted into the page
https://i.imgur.com/QkhWRym.png
Site: eshoje.com.br/portal
Hi metacoach,
Unfortunately, the Tag Div CSS Analyzer doesn’t work with some elements, like those icons from menu. What I can recommend is to exclude all style related from header to be made as critical (just uncheck all the css elements that are related to header section).
Thank you!
Hi, When I run the Tag Div CSS Analyzer and generate critical CSS my menu icons do no appear properly
See screenshot before generating critical CSS
https://www.dropbox.com/s/4qu3wq2bxpxmmgo/Screenshot%202023-07-13%20at%202.03.58%20pm.png?dl=0
And after
https://www.dropbox.com/s/lfieuufowjvpfjq/Screenshot%202023-07-13%20at%201.58.59%20pm.png?dl=0
Why does this happen and how can it be fixed?
I did this for one site way back in v3; basically much like editing the css to have the footer full width with black backing; I edited one of the theme templates to have the left column be responsive with a min and max width, and sidebar on right fixed width. It worked for my purposes, but I don’t have that code handy and would not apply to v5.
But that was the method I used. Bit of trial and error to ‘target’ the correct element. The Chrome inspector helps.
Downside is you have to replace the theme files with any update.
so, ended up with something like
[ header full width ]
[ <- content -> ] [sidebar -fixed]
[ footer full width ]
In my case I was not using a featured image; but inserting image into the template at a fixed size in centered div. SO I forget the template number, but it’s the one without any featured image in post.
Text would end up as
…………………..
…………………..
[ photo ]
…………………..
…………………..
etc.
It can be done but you need to understand how to edit CSS and keep log of changes, and then make note of what may need replacing each time you update theme (e.g, 5x to 5×1).
Hope that made sense.
-
This reply was modified 3 years by
simchris. Reason: typo :)
The problem is that the ::before rule is being applied to the entire margin of the post and not just to the h3 class as it normally does, as shown in the screenshot.
The problem is the (.td-post-content h3:before) part of the css:
.td-post-content h3:before {
content: '';
screen lock;
position: absolute;
width: 100%;
height: 100%;
top: -2px;
right: -2px;
border: 4px solid #eef6fb;
z-index: -1;
}`
I have disabled the (.td-post-content h3) for the id sub-03, it works but the problem is when the post appears, a strip is marked that it shouldn’t, it should only affect the id sub-03 .
This is the identification code sub-03:
#sub-03 {
relative position;
display: online block;
font-family: "Raleway-Regular";
font size: 24px;
color: #fff;
/* background-image: linear-gradient(right, #0076db, rgba(107,167,219,0.60));*/
background: #0076db;
padding: 8.5px 10px 8.5px 10px;
/* border: 0px solid #eef6fb;*/
transform: translateY(-50%);
box shadow: -5px 5px 2px rgba(0,0,0,0.25);
margin: 35px 0 20px 0;
}
Help me to have the correct css code so that it applies the ::before to the H3 class but what I show you does not happen.
capture
-
This reply was modified 3 years by
ludyma.
Hi,
Do you don’t want to have a different color for each category? Then use this cutom code css .td-post-category, .td-category-header .entry-category
{
background-color: #4fa1f2;
}
Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Thank you!
Hello,
You can disable the back to the top from Theme Panel -> Template Settings -> ToTop button => https://www.screencast.com/t/JVYklvqk (if you have the mobile page or mobile resposive)
Also, for the mobile theme plugin, you can only hide using a Custom Code CSS
.td-scroll-up
{
display: none;
}
Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Thank you!
Hello,
You need to use the custom code css provided to display all subcategories. There is space; please let me know where exactly you want to add -> https://i.imgur.com/aOI4yj0.png
Thank you!
Hi,
You can change it only using a custom code css, maybe the solution from this topic will help you -> https://forum.tagdiv.com/topic/category-color-and-filtering-options/
Thank you!
Hi,
You can change it only using a custom code css, maybe the solution from this topic will help you -> https://forum.tagdiv.com/topic/category-color-and-filtering-options/
Thank you!
Hi,
You can change it only using a custom code css, maybe the solution from this topic will help you -> https://forum.tagdiv.com/topic/category-color-and-filtering-options/
Thank you!
Hello,
To display all subcategories please use this custom code css
.td-category {
overflow: visible;
}
Add this code in the Theme Panel -> mobile theme plugin -> custom css box.
Thank you!
Is there a way to setup menu item color/background/overlay colors via theme panel?
Same as for article categories, article tags etc?
Or this is only possible via custom css like
.menu-item-1695 {
background-color: #ffbb00;
}
Hello,
For this, you will need to use the border-radius css property. Here is an example:
.td-module-thumb .entry-thumb{
border-radius:20px!important;
}
Add this code in the Theme Panel -> mobile theme plugin -> custom css box.
Thank you!
Hi ludyma,
The code .td-post-content is used for the post content therefore all H3 and H4 from the post content will use that css. Now if you have a specific class on those H3 and H4 elements that you want to use the above code, please let me know that class and I will try to adjust the code.
Thank you!
Hi,
You need to check here what menu you have -> https://i.imgur.com/TDdJJ3g.png and after searching it to edit it -> https://i.imgur.com/IcsSbUU.png
Thank you!