Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

gumball44
tagDiv Member

Only this code doesn’t work any more, all my other css codes work. It doesn’t come from child theme.

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Vlad S
tagDiv Staff

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 !

GabrielVB1100
Participant
#0

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

algheilani
tagDiv Member

is there an option to activate rtl or custom css

demcrumblies
tagDiv Member

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.

ludyma
tagDiv Member

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.

Publimarketing

Calin
tagDiv Staff

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 !

Calin
tagDiv Staff

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!

genemorris
tagDiv Member

“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.

Calin
tagDiv Staff

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!

Vlad S
tagDiv Staff

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 !

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

ludyma
Participant
#0

Hello, how can I override the lines of the table cells, attached to page.

page

nicolaparente
tagDiv Member

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?

gumball44
tagDiv Member

Hi @vlads the css code doesn’t work anymore

Kpkna
tagDiv Member

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.
Viewing 25 results - 7,751 through 7,775 (of 33,436 total)