Search Results for 'css'

Hi,

Please make a test, copy all custom css and remove them fro the theme panel, after that save it and take a look on mobile, and if all look normal set the css back, see if there are some changes or not.

Thank you.

Hi,

Please provide a link were I can inspect this problem, in this way I will be able to provide you the right custom css.

Thank you for your understanding.

Hi,

Please add this custom css in Newspaper>Theme panel>Custom code>Custom css
@media (min-width: 1024px){
.td_block_11 .td_module_10 .td-module-thumb img{
height: 150px;
}
}
Results : https://www.screencast.com/t/vylvXV4Im

Thank you.

Hi,

For link on title block please set a url title
https://www.screencast.com/t/QCly296HK9
Unfortunately WP Bakery do not have option for title background color, only if you chose to use custom css.

Thank you for your understanding.

Hi,

Please provide a link ere a can find the problem with rounded corner on grid.

Here is the css for the space between blocks
@media (max-width: 767px){
.td_block_big_grid_fl_3 .td-big-grid-post-0,
.td_block_big_grid_fl_3 .td-big-grid-post-1 {
margin-bottom: 10px;
}
}
https://www.screencast.com/t/UlVdt7GA0

Thank you for your understanding.

Hi,

If this is what you want to achieve https://www.screencast.com/t/jbkTMM6Wu
Please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
.td-header-style-10 #td-header-menu {
width: 800px;
}

Thank you.

Hi,

That would depend on how the image is added in the post content. Adding it through the add image option of Gutenberg it doesn’t have caption alignment options
– https://www.screencast.com/t/NDLBLfWWqoW
– https://gogutenberg.com/blocks/image/

Adding it with the classic editor, the caption will be positioned by the theme to the left
– http://prntscr.com/ltf7x7

However it is possible to align them differently in both cases with CSS
– http://prntscr.com/ltfbmg

First code is for image block of Gutenberg, second for the image added with the classic element, maybe they are helpful to you

.td-post-content .wp-block-image figcaption {
text-align: right;
}

.td-post-content .wp-caption-text {
text-align: right;
}

Thanks

Hi,

Unfortunately the main design of theme can be change only with the header.
If you want different colors in function of page/category you’ll need to set some custom css

Please read this guide -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you for your understanding.

Hi,

That blockquote style comes from the theme panel
– https://www.screencast.com/t/Dkdatho00DV
If that color setting is cleared there will be no color CSS for the blockquote.

This one comes from the theme panel as well – https://www.screencast.com/t/KLvGGOWNkfo
– https://www.screencast.com/t/s57rd1O5ZNN

This box I can’t say how exactly it is made, check in the post content, could be HTML or a plugin shortcode maybe
– https://www.screencast.com/t/H6LFqSPFbs

Hi,

Notice that the Speed Booster is an optional plugin and if you are using another untested plugin with the theme, this plugin will be automatically disabled. The speed booster is an optional plugin and it is tested only with these plugins – http://screencast.com/t/hcjLnOqh4i2 and if you use other plugins it will be automatically disabled. A lot of people install the plugin without knowing what it does and after that, they add many plugins and some of them are not written fine so the developer took this decision. If you want to always enable speed booster, delete this code from speed booster file: http://screencast.com/t/RZLIOPUNdqh

Please notice that the speed of your website depends on how well your site is optimized.

Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/

Another useful guide for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/

Thanks for your understanding!

hello,
you can add this custom css in the theme panel under custom code:

.td_block_template_10 .td-block-title{
text-align:center;
}

Thank you!

Sorry for the delay, we try to reply in all topics as soon as possible, within the allocated support hours.
Also as a note, please try not to reply in your own topic multiple times, this will only delay the response from us. So for example this topic would have been among the first in priority without that last reply.

1. The cloud smart list templates display only the smart list itself, the post content element is or should not be present in the template
– https://www.screencast.com/t/PtSK5cwMYM
If you edit a smart list post template you can see that the post content is missing, only the smart list element is there.
So if the post contains other content besides the smart list, it will not be displayed. if that is the case, it would be better to use default post templates.

But that means that in order to display a block in the post page, after the content, you would have to maybe edit the post template files and enter it there, or in the content directly
– https://forum.tagdiv.com/topic/how-to-ad-block-under-the-post/

2. With no AMP and mobile theme plugin, the same smart list template from desktop will be displayed at all times and for all devices.

3. A code like this will do that – https://www.screencast.com/t/9qSmvpF4w

.td-smart-list-pagination .td-icon-right,
.td-smart-list-pagination .td-icon-left {
display: none;
}

4. Maybe like this, with CSS is easiest – https://www.screencast.com/t/6JPPg5La

.td-smart-list-pagination .td-smart-back {
display: none;
}

Thanks

Hi,

If I understand correctly you want to change the color for the last element from main menu , if is so please add the below custom css in Newspaper>Theme Panel>Custom code>Custom css
.menu-td-demo-header-menu-container li:last-child a{
color: red;
}
.menu-td-demo-header-menu-container li:last-child a:hover{
color: green;
}
https://www.screencast.com/t/3uwE8uUb
Also you can change the above colors.
Hope this will help you to achieve what you want.

Thank you.

Hi,

Did you have checked the Theme colors settings from our Theme panel? If you want to change the color of our elements to another one and if you do not find any option from our panel, you need to use the custom CSS code for that. This code should have to be created by yourself, according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Please make this sets in theme color
https://www.screencast.com/t/v0gXRnmIBJL
And add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-footer-wrapper div .td_block_template_4 .td-block-title > * {
background-color: red;
}
.td-footer-wrapper div .td_block_template_4 .td-block-title > *:before {
border-color: red transparent transparent transparent;
}
https://www.screencast.com/t/zpbeUePCGd6

Thank you.