Search Results for 'css'

Hi, with tagdiv composer it is possible to edit anything you just need to familiarize yourself with it, for example, open the homepage page in td composer and go to the footer page there you can select the elements you want to edit, and in the left sidebar you will have tabs (general, style, css … – https://i.imgur.com/PTxXNaT.png depending on the selected element), in this case you need to set the row that holds the content and change its color – https://i.imgur.com/6zC3hz8.png – https://i.imgur.com/aZ9jLEX.png select the css tab and set the background color https://i.imgur.com/9lXAxWf.png
I hope it helps you

Hi,
Please try this, use this css only for mobile:
.td-header-style-4 .td-header-menu-wrap-full {
top: 0;
}
Set the code in the theme panel > custom code> advance css > mobile css – https://i.imgur.com/74kvqRm.png
I hope this will help you!

Hello,
This is related to some updates on Firefox, to fix it try this custom css:

@-moz-document url-prefix() {
.tdm_block_image_info_box .tdm-image-description {
position: relative;
}

.tdm_block_image_info_box .tdm-image-box {
height: auto;
}
}

Set the code in the theme panel > custom code > custom css

Thank you!

Hi,

Indeed there is a tabbed element in our theme that is working for pages, usually this is used when you want to display different blocks and content.
Unfortunately for what you need our theme do not have right now an element, but there is in the cloud a pre-build code that can be used (using html, css and js) – https://i.imgur.com/gM6njnF.png the section is FAQ Home Section – Coaching PRO -> https://i.imgur.com/Ljbckcl.png – https://i.imgur.com/Y5ZVVPn.png
I hope this will help you!
Thank you!

Hi,
This https://postimg.cc/dZJR5GPK is a mobile page that has been create using tagDiv Composer and assigned to the menu using using this guide https://forum.tagdiv.com/page-menu/ now if you want to have the menu simple like here https://postimg.cc/0MR0JLVj but with 3 columns then it can be used a css like this one, the code should be similar to this one:
.sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
width: 20em!important;
}
The code should be adjusted after your need.
Thank you!

Hi,
The situation with the header on mobile is related to the margin left and right that has been set on the mobile cloud header on zone https://i.imgur.com/bqA8VEp.png I think it was set to to slightly distance elements from the edges of the screen.
The situation with the page is related to a custom css that have been used – https://i.imgur.com/KU0ElpU.png
div.td-pb-span8.td-main-content {
margin-left: 5%!important;
margin-right: 5%!important;
width: 55%!important;
}
Thank you!

Hi,
It will be need to use tagDiv Composer to edit the cloud header, select the logo and remove the logo text – https://i.imgur.com/VgwDMTg.png and in css tab remove the colors – https://i.imgur.com/PYr0iBU.png do the same on mobile – https://i.imgur.com/4dYHAtx.png
Thank you!

Hi,
I think that now I understand, you are referring to this one – https://i.imgur.com/TYKvsyG.png for this use tagDiv Composer to edit the page – https://i.imgur.com/M1XDNi9.jpeg select the row and in css tab remove the background image – https://i.imgur.com/dQS7yaS.png then select the mobile view port and select the logo – https://i.imgur.com/0HzHp3t.png then click on mobile menu and in css tab remove the background color – https://i.imgur.com/7TcbZx3.png
I hope this will help you!

Unfortunately, there is no option in WordPress or our theme for this, but fields that are not required can be hidden with css:
#comments .td-form-url {
display: none;
}
Set the code in the theme panel > custom code > custom css.
Thank you!

Hi,
I think that I know what you mean, when the mega menu is used the menu under it is visible inside of mega menu, this is because the z-index on mega menu background is not so strong like the one from the second menu. What you need to do is to use tagDiv Composer, edit the homepage and select the first menu and in css tab set the z-index 9999 – https://i.imgur.com/e54a4O0.png
I hope this will help you!
Thank you!

Hi,
Use tagDiv Composer to edit the homepage – https://i.imgur.com/hCW27Yk.png then if you want to remove that section select the row contain the red color and use the right click on it to delete it https://i.imgur.com/FiyxN17.png (or press the delete button after you select the row). To change the background image select the row and check the css tab – https://i.imgur.com/gg8MrZd.png
Thank you!

Hi,
Use tagdiv composer on elements that are on 2 lines and check the width, I see that now this is set on 330px set the width 100%.
In case that you can not find the option you can use this custom css:
.tdm_block_inline_text_simplified_2.tdi_59 {
width: 100% !important;
}
Thank you!

Hi,
This can be done if you are using a custom css like this one:
.td_block_social_counter .td_social_type .td_social_info_counter {
display: none;
}
The css should be set in the theme panel > custom code> custom css.
I hope it will help you!

Hi,
Hi, we have this option on our implementation list and I hope our developers will implement it soon. For now the most used method that we have offered is the one with css which you are already using it.
Thank you!

Hi @RENATO,
Are you referring to the left and right margins? If so it’s related to some extra css added on some elements, for example – https://i.imgur.com/FcOhvvy.png – https://i.imgur.com/Xt8oGTh.png those should have left and right padding set 0 and it will be look like this – https://i.imgur.com/pJh3mhr.png
Thank you!

Hi,

For this https://i.imgur.com/jpdkHwn.png is normally use opacity 0 and a js should set it to 1 to create an animation, but it seems that for the plater you are using the js is not trigger, so the best option is to set the opacity to 1 using css
body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img:not(.woocommerce-product-gallery img):not(.rs-pzimg), body.td-animation-stack-type0 .td-animation-stack .td-lazy-img {
opacity: 1;
}
Set the css code in the theme panel > custom code > custom css

The location img has an bottom margin that needs to be adjusted https://i.imgur.com/zfzDehI.png this can be resolve using this css:
.location img {
margin-bottom: 1px;
}

Thank you!