Search Results for 'css'

Hello,

Please check your custom css as it could not be compatible in the current version anymore.

Thank you!

Hi,

Unfortunately I cannot view the screenshot you provided
– https://www.screencast.com/t/b6RmIsEJnvrd
The space between the latest articles pagination and footer section could be reduced if needed, like this (default padding is 48px)
– https://www.screencast.com/t/y3wy9hSCXm6S

.page-template-page-pagebuilder-latest .td-main-content-wrap {
padding-bottom: 12px;
}

The code will work on pages with the latest articles template selected. It can be entered in Theme panel->Custom CSS.

Thanks

Sorry but css does not have such functionality. It cannot auto adjust it’s values. It is a static language.

Thanks.

Hello afratus,

You should use the media queries if you want to target only a specific device or width. Use the @media(min-width:767px) and your code or you simply place your code on Advanced CSS area from here -> https://www.screencast.com/t/2bB9EBh4

Hope this helps!

Thanks for the message!

Hello Berbi,

Try to use the code below and place it in Theme panel -> Custom CSS area.

body .td-header-main-menu {
background-color: #fff;
}

Hope this helps!

Thanks.

Hello Nestor1986,

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/

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/

Thanks for your understanding!

Hi,

Glad you appreciate the new elements, we will try to add more in future updates along with other features.

The tagDiv composer cannot be used on posts, only on pages. Buttons in the post page could be created like this however
– https://forum.tagdiv.com/increase-users-engagement-add-custom-buttons-posts/
You could increase the text size for this kind of buttons like this
– https://www.screencast.com/t/fice7DX5f

.single .td_btn {
font-size: 25px;
}

Custom codes can be entered in Theme panel->Custom CSS section.

Thanks

Hello,

If you limit it to 1 post only, then you can use this css in the theme panel-> custom css box:

@media(max-width:767px){
.td-trending-now-post{
overflow:visible!important
}
.td-trending-now-wrapper{
padding-bottom:16px
}
}

Thank you!

Hello,

Try to add this css in the theme panel-> custom css box:

.td-crumb-container{
padding-top: 10px;
}

Thank you!

Hello designr,

Please notice that our theme does not have any such an option that allows you to achieve 3 border colors above the footer section. This task involves doing such an additional customizations. You should use the Inspector browser with which to inspect the footer section of your website example. It is required to make some additional classes and then you should use such a custom CSS code for this. As a hint please check here -> https://www.screencast.com/t/bnSSre1g0H

Hope this helps!

Thanks for the message!

The code provided by Bogdan seems to have worked, the space is reduced like you wanted. If you want to completely remove it on mobile while leaving it as it is on desktop, there is a solution.
First move the code from the Custom CSS section in the Advanced CSS->Desktop. Then enter this one in the phones CSS section
– https://www.screencast.com/t/1laavicz

.td-main-page-wrap {
padding-top: 0;
}

The result will be no change on desktop, while on mobile the padding will be 0
– https://www.screencast.com/t/DFVmixMo

Thanks

Hello lukehodge,

You sohuld try using a bit of CSS code if you want to change the size of your logo.

The code is ->

@media (max-width: 1140px){
.td-main-menu-logo img {
max-width: 250px;
}
}
@media (max-width: 1140px){
.td-main-menu-logo img{
max-height: 60px!important;
}
}

Notice that we do not recommend to increase the size of that section because the logo can be easily broken. I suggest to load another logo size for the mobile version from Theme panel, clear all the caches and check the results. If you will check our demo, you will see good results in this case.

Thanks for your understanding!