Search Results for 'css'

Hello !

Please try this css code: .td-post-content .tdc-row {
padding-left: 0px;
padding-right: 0px;
}

The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ

Thank you !

Hi,

Yes, you can use tagDiv Composer to adjust the theme width, unfortunately there is no general option for this, but it can be easily achieve, for example on homepage edit it with tagDiv Composer -> https://i.imgur.com/CaDwOxI.png click on row and stretch the layout -> https://i.imgur.com/VkAvQuC.png in you case you need to select it on 1400px after that click in css tab set margin right and left auto and the width you want (1260px) -> https://i.imgur.com/KU163G0.jpg
Also there is one more solution, you can stretch the the row on 1200px and set only margin left and right using “-” for example -30 -> https://i.imgur.com/w0QQ4dq.png -> https://i.imgur.com/s09N1uV.png

Hope this will help you!
Thank you!

Hi,

Using the mobile theme plugin you’ll use a different theme for mobile version, mobile theme is faster then responsive version, but is more simple, in order to make the mixed caption you can use this custom css -> https://i.imgur.com/zISkUNH.png
figcaption a, .wp-caption-text a{
color: #399998;
}
The code need to be set in mobile theme!

Yes, for gossip you need to use an extra class, please try this custom css:
figcaption, .wp-caption-text, .tdb-caption-text {
color: black;
margin: -48px 0 0 20px!important;
padding: 8px 16px;
background: #ffffffcf;
position: absolute;
text-align: center;
}

Hope this will help you!
Thank you!

Hi,

Yes, by default the button for back to to is hidden on mobile device, but you can display it using this custom css:
.td-scroll-up {
display: block;
}
The code need to be set in theme panel> custom code> adventure css> phone.

Hope this will help you!
Thank you!

Hi,

Unfortunately the only option to change that underline color is to use a custom css -> https://i.imgur.com/P2kjs2z.jpg
.td-newsmag-voice .td-pb-span4 .td_block_template_1 .block-title span:after, .td-newsmag-voice .td-pb-span12 .td_block_template_1 .block-title span:after {
background-color: #3f83ff;
}
The above code need to be set in theme panel> custom code> custom css.

Thank you for your understanding!

Hi,

1. I manage to create a new css, please try this one :
.wp-caption-text, .tdb-caption-text {
color: black;
margin: -48px 0 0 20px!important;
padding: 8px 16px;
background: #ffffffcf;
position: absolute;
text-align: center;
}
If there are some pages or posts where is not apply, please provide me a link to them.

2. Also for mobile, if you are using the mobile theme plugin, the code need to be set here -> https://i.imgur.com/W5KEgDe.png please try this custom css
.wp-caption-text, .tdb-caption-text {
color: black;
margin: -48px 0 0 20px!important;
padding: 8px 16px;
background: #ffffffcf;
position: absolute;
text-align: center;
}

Thank you!

Hi,

Yes, you can do that by editing with tagDiv Composer that single post template, after that click on the row that contain the black background and check the css tab -> https://i.imgur.com/NyDSkQB.png

Thank you!

Hi gpantalone,

Unfortunately there is no option for this, the only thing that it can be don is to use some custom css to display the title on two lines or change the initial value, but this is not recommended.

Thank you!

Hi,

2. What I mean was that some of smart list has this option (next prev buttons) and can be adjusted with some css, but this is not possible for all of them.

4. For example the smart lists templates are on this file path -> wp-content/plugins/td-composer/legacy/Newspaper/includes/smart_lists/td_smart_list_1.php now there can be add only on per article -> https://i.imgur.com/J1n5Wfy.png this will pick the smart template, the file path for this option is -> wp-content/plugins/td-composer/legacy/common/wp_booster/wp-admin/content-metaboxes/td_set_post_settings.php -> https://i.imgur.com/iQWzYYX.png

Thank you!

Hi,

Then please try this custom css -> https://i.imgur.com/VqVljFk.png
.single .wpb_wrapper .tdb-caption-text, .tdb_single_featured_image .tdb-caption-text {
margin: -24px 0 0 24px;
color: white;
}

Hope this will help you better!
Thank you!

Hi,

Unfortunately there is no option for this in our theme, but you can achieve it with a custom css that can be apply only one the posts that you want, for example -> https://i.imgur.com/reUyvOg.png
.postid-9059 .td-post-content .td-a-rec-id-content_inline {
display: none;
}

Thank you!

Hi,

For me when I set the css in live css its work on open page question -> https://i.imgur.com/x0XTECw.png only the background image is not displaying, but for this -> https://i.imgur.com/XkzP325.png I do not know what to do, sorry.

Thank you for your understanding!

Hi,

Please try this custom css -> https://i.imgur.com/34OzlbH.png
body.single-dwqa-question{
max-width: 100%;
}
Set the code in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

You can use the standard comments as in the example from here -> https://www.w3schools.com/css/css_comments.asp

Thank you!

Hi,

Is look that the problem is from on of the plugins that you are using -> https://i.imgur.com/fYZs0dl.png -> https://i.imgur.com/zpEUNiP.png the best way will be to deal with these plugins, another option is to try a custom css like this one:
body.td-animation-stack-type1 .td-animation-stack .entry-thumb, body.td-animation-stack-type1 .post .entry-thumb, body.td-animation-stack-type1 .post img[class*="wp-image-"], body.td-animation-stack-type1 .post a.td-sml-link-to-image>img {
opacity: 1;
}
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

As I know there are users that are using it, but we can not say how is work or provide support for it, this is an untested plugins and we do not know the right settings for it.
Please follow the documentation of WP Rocket: https://docs.wp-rocket.me/article/1266-optimize-css-delivery
Also you can check these topic:
-> https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/page/4/

Thank you for your understanding!

Hi,

You can use this custom css for breadcrumbs, category and title -> https://i.imgur.com/juxXAoU.png
.td-crumb-container, .single .td-category, .td-post-title {
margin-bottom: 25px;
}
The name of categories is suggestive for the elements that will be apply.

Using the css will be the best way, because when you’ll update the theme the settings in theme files will not be lost, but if you want the css file for mobile theme is this one -> wp-content/plugins/td-composer/mobile/style.css

Thank you!