Search Results for 'css'

Hello,

You can add an inline text before the date, where you can set the description => https://www.screencast.com/t/YYqZB8blo , you need to set the “Description text” like font size and line height, and in CSS set the margin left right => https://www.screencast.com/t/cc7V2rU311

Hope this helps you!

Thank you!

Hello!

Once a demo is loaded the entire demo-style.css file corresponding to that demo will be loaded. If you remove the loading of this file, the demo will no longer receive the specific style. If you do not need to load css, you can simply use the cloud library and import the demo homepage and not use a demo at all on your install.
If you still want to remove the loading of the demo file, you can not do it from the child theme. You have to modify the main theme file:
td-composer/legacy/common/wp_booster/td_wp_booster_functions.php [line 414]

Hope that helps you somehow!

Thank you!

Hello !

That can be achieved using TagDiv Composer. I would do the following:

Add a row and, stretch it, and make 2 columns out of it: https://www.screencast.com/t/4s2VUkwi1aL

Set the row background color: https://www.screencast.com/t/l6xHMs5KUjc3

After this you have to add the 2 elements:

Single image element ( you will have to upload a .PNG image without background. It looks like that they are using) – https://www.screencast.com/t/QlwFdka8

Once you uploaded your elements you can adjust them to your taste using the CSS option.

Unfortunately the animation part is not possible without custom coding which is not covered by the Support team.

I hope this was helpful !

Thank you !

Hi,
Now I understand about what you say. This problem is happen when you are login and test the website, because it can be a cache problem, also if this is not the case, the text is not displaying because some times the opacity is not changing from 0 to 1;
What you can do is to try a custom css https://i.imgur.com/Zn7OQBm.jpg
Set the css in theme pane> custom code> css and the text will be visible all the time.
body .td-post-template-6 .td-post-header {
opacity: 1!important;
}
Hope it will help you!

Hello!

This can be possible only if there is a class on the body of the custom post types that identifies it as being that CPT.
So, the only way you can achieve this is with custom css and not from settings.

Thank you!

Hi,
This can be done only if you use custom css -> https://i.imgur.com/M58FMmq.jpg
Please try this code
.td-container-border,
.td-container,
.td-pb-border-top,
.td-pb-row [class*=td-pb-span],
.td-container-border:after,
.td-next-prev-separator,
.td-container .td-pb-row .wpb_column:before,
.td-container-border:before {
border: none;
}
Set the code in theme panel> custom code> custom css.
Hope it will help you!

Hello,

Using CSS will be hard to achieve that, but you can use a page menu where you can set menu elements using WordPress editor or tagDiv Composer then assign the page to your menu.
For more information, please check this guide -> https://forum.tagdiv.com/page-menu/

Hope this helps you!

Thank you!

Hello @huynhlekien!

Please try to add this CSS code:

.wp-block-image .aligncenter>figcaption {
display: block !important;
}

You should add this code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Let me know about your results!

Thank you!

Hello,

For make inline the images from the table, you can use this custom code

.single .wp-block-table img {

    display: inline-block;
}

The code need to insert in Theme Panel -> Custom Code -> Custom CSS => https://www.screencast.com/t/FbLXZc7D6s
It will appear like this => https://www.screencast.com/t/KD0Dnsna

Hope this helps you!

Thank you!

Hello!

The back to top arrow can be change only using css code. For example if you want to remove that arrow you can use this css code:

.td-scroll-up {
display:none;
}

Set this code in Newspaper -> Theme panel -> Custom code -> Custom css.

That box which appear there it could be from a plugin because we don’t have this thing in our theme. Please look about other plugin settings.

Thank you!

Hello,

The “#sb_instagram” is the id element set by the footer widget for Instagram that you use.
That is only custom CSS that will hide the Instagram widget on mobile (as long the code is set in Theme Panel -> Custom Code -> Advanced CSS -> Phones).

Thank you!

Hello !

The plugin is moving away from any use of /amp/ in favor of ?amp because it allows for an AMP version to be used for every URL, without conflicting with other rewrite endpoints added by WordPress. The query var ?amp and the endpoint /amp/ are functionally the same, and there should be no difference in terms of SEO. (There used to be an SEO reason against it in the past, but this has not been the case for some time.) This cannot be changed.

For the exit mobile button please use this css code: #amp-mobile-version-switcher {
display:none;
}

This code must be inserted here: https://www.screencast.com/t/ahwdwZk93

Thank you !