Hi,
That is because on that class was set an extra css, and removing the class will remove the css too, but you can use a custom css for this, for example, please set this custom css
.header-search .polylang-flags {
display: none;
}
in theme panel> custom code> custom css
and this css
.td-header-menu-wrap .header-search .polylang-flags {
display: block;
margin-right: 20px;
}
in theme panel> custom code> advance css> phones.
The above codes should remove the button from desktop, but display it on mobile.
Hope this will help you!
Thank you!
Hi,
You can adjust it using tagDiv Composer edit the header and choose the mobile port view -> https://i.imgur.com/vve8Vv9.jpg after that select the row and in css tab add the background color -> https://i.imgur.com/o4sz9Bp.png
Hope this will help you!
Thank you!
Only this code doesn’t work any more, all my other css codes work. It doesn’t come from child theme.
Hi,
Indeed there is an issue on Internet explorer + Flex Blocks, the IE do not recognize the flex css parameter.
Please try this code:
[class*="ie"] .td-module-container {
display: block;
}
[class*="ie"] .td-image-container {
height: auto;
flex: initial;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Also please let me know the version that you are using on Safari.
Let me know the results!
Thank you!
Hi MariaTarth,
Please check this similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/
If you need more help, or a custom css for your blocks, please provide me a link to your website.
Thank you!
Hello @Nerdmuchcom
We can provide a css to hide that but that can also be removed or edited either by changing the footer template from Theme Panel – Footer ; or you can use the tagDiv Composer, import a footer from the cloud library and that will be fully editable with tagDIv Composer. By using the website manager you will be able to select your footer and edit it as you can see here: https://www.screencast.com/t/FIy3J3wUZErA
@soham24 Please note that at the moment the Support team is not 24/7 available. Please note that we answer the topics from Latest to Newest Monday â Friday from 08:00AM to 05:00PM GMT+2 So multiple replies to your topic will only make us to get harder to your topic.
Also it is not fair to interfere with other users topics !
Thank you !
Hello, in the mobile theme, how to target the post content, I want to set a background color instead the default white to match the desktop version.
I want to target that area, and also the area in the title and subtitle
is there an option to activate rtl or custom css
How can I manually add the H option? I can see that the theme is setting the heading as H4 when I inspect the code for the word “tech reviews” shown in my image above. But I want to change it from H4 to H1 for the word “tech reviews” for SEO. Is there a way to do this with CSS? My page URL is: https://demcrumbliesreviews.com/tech-reviews/
Thanks.
Hello Clarin, the TD solution does not apply, because as I explained before, I copy the TD codes and pass it to an entry, this one had the breadcrumbs, now as I told you earlier, this is the category created Publimarketing and what I want is that the articles are not visible the breadcrumbs, we could use the Css you tell me please.
Hello !
You should use a plugin for this, as I know autoptimize can do this, but you need to make the right settings.
For autoptimize you have to enable ONLY Optimize javascript, HTML, CSS. The aggregate options will affect your cache.
Hope this will help you!
Thank you !
Hi,
You need to select with tagDiv Composer the element/column/row you do not want to display on mobile format and hide it from css tab -> https://i.imgur.com/GxwN5g9.png you can select a different port view and if the element is displaying then select it and check the port wive where the element is hide and display it.
Hope this will help you!
Thank you!
“Thank you for your understanding”
?
Nothing sounds more douchy and condescending then adding this to your answer!
How about, “we don’t support this option but here’s where you can put in a feature request”.
Or better yet,
“This option isn’t supported but here’s what you can try adding to your themes custom css to solve the problem you are having”.
You know, something useful.
Thanks for your understanding.
Hi smile099,
If you need more css adjustments, please provide me a link to one of your posts, where I can check how this is looking for you, I’m asking this, because the results are a little different.
Also for the “next” button, our theme do not have an option for it, also I do not know any ways to achieve it.
Thank you!
Hello !
Our developers have made some tests and the documentation will be updated too. All you have to do now is simply copy the css link and paste it into the javascript tab: https://www.screencast.com/t/vkyB6Izj ; copy the code- https://www.screencast.com/t/qeR6VfwQGi ; add it in Theme Panel > Theme Fonts – https://www.screencast.com/t/TxUnbF7M
I Hope this was helpful !
Thank you !
Hi,
This can be adjusted with a custom css, you can check this similar topic -> https://forum.tagdiv.com/topic/offsetting-a-page-jump-to-adjust-for-fixed-header/
If you need help with the css, please provide me a link where I can inspect these elements.
Thank you!
Hi,
1. Please make sure that google fonts is enable in theme panel -> https://i.imgur.com/jE7zAdD.png
2. On Text with Title you can set the style using tagDiv Composer -> https://i.imgur.com/UjYI630.jpg
3. You need to edit the page with tagDiv Composer and adjust the elements to be set on center ->https://i.imgur.com/kHcVGCs.png
4. This problem can be from WPBakery plugin is overwrite the css, what you can do is to disable it, or if you are using this plugin, you can use this custom css for this problem -> https://i.imgur.com/rBNIFi5.jpg
.td-footer-template-wrap .td-pb-row .td-pb-span3 {
width: 25%;
}
The code need to be set in theme panel > custom code> custom css.
Thank you!
Hi,
So if I understand correctly, you want to remove the breadcrumbs from posts that have a certain category, this can be done with custom css, or using a single posts template where you remove the breadcrumbs with tagDiv Composer and you assign this cloud templates on these posts that have this category.
Thank you!
Hi,
Please try this custom css -> https://i.imgur.com/RVhbZcu.png
.td-business .td_block_trending_now .td-trending-now-wrapper .td-trending-now-display-area .entry-title {
line-height: 16px;
}
The code need to be set in theme panel> custom code> custom css
Hope this will fix the problem.
Thank you!
Hi,
So you need to set some sponsored content, if this is a simple text, I think that you can use the subtitle of posts -> https://i.imgur.com/InMPGKw.png just make sure that this element is added on your single post template -> https://i.imgur.com/1a9C5yJ.jpg or if the sponsored content is the same for more posts, you can use the ads section -> https://i.imgur.com/gyYdzYN.jpg
Here https://i.imgur.com/8gHmPvg.jpg you can set the class name that you want to apply on the selected element, this class mast be set in theme panel> custom code> custom css
-> https://i.imgur.com/VBBahlI.png -> https://i.imgur.com/PloKQZN.png the results will be -> https://i.imgur.com/iUnlGTD.png
Thank you!
Hi,
1. Unfortunately to change the size of category title you need to use a custom css like this one -> https://i.imgur.com/GzFYeos.jpg
.category .td-category-header .td-container-border .td-page-title{
font-size: 36px;
}
The code need to be set in theme panel> custom code> custom css.
2. The header color can be set manually with tagDiv Composer -> https://i.imgur.com/yHhGb8z.png indeed Newsmag theme do not has all Newspaper theme functionality, this is a light and ease to use theme.
Thank you!
Good evening. I thank you for your prompt reply.
This instead is the code of td_blok_3:
<?php
// v3 – for wp_010
class td_block_3 extends td_block {
static function cssMedia( $res_ctx ) {
// fonts
$res_ctx->load_font_settings( ‘f_header’ );
$res_ctx->load_font_settings( ‘f_ajax’ );
$res_ctx->load_font_settings( ‘f_more’ );
// module 1 fonts
$res_ctx->load_font_settings( ‘m1f_title’ );
$res_ctx->load_font_settings( ‘m1f_cat’ );
$res_ctx->load_font_settings( ‘m1f_meta’ );
}
public function get_custom_css() {
// $unique_block_class – the unique class that is on the block. use this to target the specific instance via css
$unique_block_class = $this->block_uid;
$compiled_css = ”;
$raw_css =
“<style>
/* @f_header */
.$unique_block_class .td-block-title a,
.$unique_block_class .td-block-title span {
@f_header
}
/* @f_ajax */
.$unique_block_class .td-subcat-list a,
.$unique_block_class .td-subcat-dropdown span,
.$unique_block_class .td-subcat-dropdown a {
@f_ajax
}
/* @f_more */
.$unique_block_class .td-load-more-wrap a {
@f_more
}
/* @m1f_title */
.$unique_block_class .td_module_1 .entry-title {
@m1f_title
}
/* @m1f_cat */
.$unique_block_class .td_module_1 .td-post-category {
@m1f_cat
}
/* @m1f_meta */
.$unique_block_class .td_module_1 .td-module-meta-info,
.$unique_block_class .td_module_1 .td-module-comments a {
@m1f_meta
}
</style>”;
$td_css_res_compiler = new td_css_res_compiler( $raw_css );
$td_css_res_compiler->load_settings( __CLASS__ . ‘::cssMedia’, $this->get_all_atts() );
$compiled_css .= $td_css_res_compiler->compile_css();
return $compiled_css;
}
function render($atts, $content = null) {
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
if (empty($td_column_number)) {
$td_column_number = td_global::vc_get_column_number(); // get the column width of the block from the page builder API
}
$buffy = ”; //output buffer
$buffy .= ‘<div class=”‘ . $this->get_block_classes() . ‘ td-column-‘ . $td_column_number . ‘ td_block_padding” ‘ . $this->get_block_html_atts() . ‘>’;
//get the block js
$buffy .= $this->get_block_css();
//get the js for this block
$buffy .= $this->get_block_js();
// block title wrap
$buffy .= ‘<div class=”td-block-title-wrap”>’;
$buffy .= $this->get_block_title(); //get the block title
$buffy .= $this->get_pull_down_filter(); //get the sub category filter for this block
$buffy .= ‘</div>’;
$buffy .= ‘<div id=’ . $this->block_uid . ‘ class=”td_block_inner”>’;
$buffy .= $this->inner($this->td_query->posts); //inner content of the block
$buffy .= ‘</div>’;
//get the ajax pagination for this block
$buffy .= $this->get_block_pagination();
$buffy .= ‘</div> <!– ./block –>’;
return $buffy;
}
function inner($posts, $td_column_number = ”) {
$buffy = ”;
$td_block_layout = new td_block_layout();
if (empty($td_column_number)) {
$td_column_number = td_global::vc_get_column_number(); // get the column width of the block from the page builder API
}
$td_post_count = 0; // the number of posts rendered
$td_current_column = 1; //the current columng
if (!empty($posts)) {
foreach ($posts as $post) {
$td_module_1 = new td_module_1($post, $this->get_all_atts());
switch ($td_column_number) {
case ‘1’: //one column layout
$buffy .= $td_block_layout->open12(); //added in 010 theme – span 12 doesn’t use rows
$buffy .= $td_module_1->render($post);
$buffy .= $td_block_layout->close12();
break;
case ‘2’: //two column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open6();
$buffy .= $td_module_1->render($post);
$buffy .= $td_block_layout->close6();
if ($td_current_column == 2) {
$buffy .= $td_block_layout->close_row();
}
break;
case ‘3’: //three column layout
$buffy .= $td_block_layout->open_row();
$buffy .= $td_block_layout->open4();
$buffy .= $td_module_1->render($post);
$buffy .= $td_block_layout->close4();
if ($td_current_column == 3) {
$buffy .= $td_block_layout->close_row();
}
break;
}
//current column
if ($td_current_column == $td_column_number) {
$td_current_column = 1;
} else {
$td_current_column++;
}
$td_post_count++;
}
}
$buffy .= $td_block_layout->close_all_tags();
return $buffy;
}
}
This is the code for sharing social icons:
<?php if (function_exists(“essb_custom_position_draw”)) { essb_custom_position_draw(positionID, alwaysShow); } ?>
my question is: in which position should this code be inserted?
Hi @vlads the css code doesn’t work anymore
Hi,
here is a fix for this issue. Please an moderator to confirm it and why not to put it in the next theme update.
So, you have to put the below code into the theme settings -> custom code -> custom css
html[class*=ie] [class*=td_flex_block_] .td-image-container{
float:left;
margin-right:10px;
}
Let me know đ
-
This reply was modified 6 years by
Kpkna.
