Search Results for 'css'

Hi,
From the screenshot that you provided it is possible that the page content to have a margin top.
Usually, this can be removed by using the tagDiv Composer, editing the page selecting the first row from the content and setting in css tab 0 for the margin top -> https://i.imgur.com/hitbXGq.png -> https://i.imgur.com/ldc1GJC.jpg -> https://i.imgur.com/TA9JX0P.jpg
I hope this will help you!
Thank you!

Hi theleaderdotinfo, is possible when you set only the shortcode to be some extra step that need to be done to display code from the shortcode, maybe it is some css.
Right now I see that the code is set directly in column text -> https://i.imgur.com/FjwzE52.png if this is removing the maybe you can set the code in html raw.
Thank you!

Hi iamratnesh, this is because you are using for all image another background image, this one -> https://i.imgur.com/2rcdbTo.png -> https://i.imgur.com/fjTvOYm.png
What you can do is to find from where is coming that background image and remove it or you can use a css for the flex block 1 -> https://i.imgur.com/vELTd0I.png
.td_flex_block_1 .td_module_wrap .td-image-wrap:before {
border-radius: 30px;
}
Set the code in the theme panel > custom code> custom css.
I hope this will help you!

Hello,
For pages, please check this topic and articles which can help you https://rudrastyh.com/woocommerce/checkout-privacy-policy-terms-and-conditions.html -> https://wordpress.org/support/topic/how-to-include-privacy-policy-link-in-checkbox-at-woocommerce-checkout/ -> https://woocommerce.com/document/configuring-woocommerce-settings/

Also, to display the checkboxes, please use this custom code =>

input[type="checkbox"]{
-webkit-appearance:checkbox!important;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Thank you!

Hi,
I think that you can try a code like this one:
.td-header-container {
width: 100%;
background-color: #222;
}
.td-header-main-menu {
width: 1021px;
margin-left: auto;
margin-right: auto;
position: relative;
display: table;
}
Set the code in the theme panel> custom code> custom css.
Thank you!

Hello,

Please try this custom code CSS to hide it
#mp_form_below_posts6 form.mailpoet_form
{
display: none;
}
This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Hope this help you!

Thank you!

Hi Asdria ,
The navigation bar on the tech demo is made full with with custom css that is set in the code of demo.
Normally, just installing the demo should make the navigator bar full width -> https://i.imgur.com/evbuNHt.jpg
If this is not what you mean, please let me know!
Thank you!

Hello Madalin!

There is no color set up there on the sides. Please re-check the theme panel settings.
Also, you can try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:


.td-boxed-layout #td-outer-wrap {background-color: #004AAD;}


Thank you!

Hello @westropMEF!

Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.tdb_single_content .tdb-block-inner.td-fix-index {
    word-break: break-word;}

Thank you!

Hi ShaviSuri, unfortunately, the problem can not be fixed with css, we need to find the source of the problem.
I think that this problem is from an extra code or plugin that you are using because our theme is not acting like that.
What I suggest is to make a test only with tagDiv plugins and see if the problem persists, also what you are using to create posts? Maybe the problem it is from the post builder.
Please make a test using only tagDiv plugins and make a new posts using the Gutenberg editor. In case that the problem is still persisting, then please make a full backup for your website and contact us via email at contact@tagdiv.com, provide the wp-admin access and include the link of this topic so we can investigate and see from where is coming this problem.
Thank you!

Hello @piotrk87!

A workaround there could be only to add some CSS code there to make it radius.

Thank you!

Hello @iamratnesh!

If you want to hide the flex block on other viewport, then you should select the viewport and there is an option on the element to be hidden in the CSS tab: https://www.screencast.com/t/kWi3UGn7kyG

Thank you!

Hello @desirevp!

1. If you use cloud templates, then you have the possibility to add any ad code/image easily where you’ll like. For example, if you add the ad codes in the theme panel, then you should select the ad spot, so the shortcode/element will know from where it should take the code to display the ad.

2. If you want to hide the ad on other viewport, then you should select the viewport and there is an option on the element to be hidden in the CSS tab: https://www.screencast.com/t/kWi3UGn7kyG

Thank you!