Search Results for 'css'

Hello Imran,

You should try using a bit of CSS code for this.

.td_smart_list_4 .td-sml4-nr{
width: 35px;
}

Thanks.

Hi,

The logo will be displayed as you upload it. If the logo would be round originally, it would be displayed round. Or you could try and make it round with some CSS. Like this
– https://www.screencast.com/t/Kg46HEuYolI

Codes for the mobile theme have to be entered in Theme panel->Mobile theme>Custom CSS code
.td-footer-logo img {
border-radius: 50% !important;
}

Thanks

Hi,

The travel blog demo will add a margin top to the top of the website as long as header style 8 is used
– https://www.screencast.com/t/WCzh5CsDW8
This could be removed by either editing the demo stylesheet and removing this margin
– https://www.screencast.com/t/hZJVPwX6Vy
Or by canceling the margin with a different code in Theme panel->Custom CSS
– https://www.screencast.com/t/9YoMDmjfQOGR

@media (min-width: 768px) {
.td-blog-travel .td-header-style-8 {
margin-top: 0;
}}

Thanks

Hello georgelaskos,

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!

Hello,

You can use a custom css code to change the colors:

.td-related-title .td-cur-simple-item:hover, .td-related-title .td-cur-simple-item{
color:grey!important;
}
.td-related-title .td-cur-simple-item{
background-color:red!important;
}

You can add the code in the theme panel->custom code section of the theme panel

Thank you!

Hi,

The hover is set in css for each button in particular. There is no option in the theme to change this behavior. It can only be changed with custom css code.

.td-social-style2 .td-social-icon-wrap:hover .td-icon-facebook{
background-color: grey;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-instagram{
background-color:grey;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-twitter{
background-color:grey ;
}
.td-social-style2 .td-social-icon-wrap:hover .td-icon-youtube{
background-color:grey ;
}

Change the colors in the code and then place it in the theme panel under the custom code section.

Thanks;

Hi,

It depends on your code, also the live CSS would be easier to use since the results can be seen immediately. Code entered there could create problems, make it as specific as possible and test more.
Both the theme panel code and Live CSS code will be saved in the database safely, it will not be lost.

Thanks

HI,

The use of the !important tag should only be used if there is no other way to strengthen or prioritize the CSS code. It could create problems with the order of the loading in CSS.
It would also depend on the code used, as a whole.

Try to use enter code in one place only, either the Live CSS or theme panel, so you can keep track of potential conflicts between the codes you use. It all depends on the code used.

Thanks

Hello mirko,

You can try using the code below and place it in Theme panel -> Custom CSS area.

.td_data_time{
display:none;
}

Thanks.

Hello,

The top bar was never meant to show up on mobile devices. You can however activate it through css. Please check this topic:
https://forum.tagdiv.com/topic/top-menu-mobile-2/

Thanks.

Hi,

If by amend space you mean the space between elements, note that elements can be positioned further using the CSS design tab. For example this is grid 7 with another grid below it. By setting a negative top margin for the one below, it will be dragged up
– https://www.screencast.com/t/OIgofAnm9yuZ
Maybe that is what you are referring to. For the moment I don’t believe there are any plans to make modifications to how the grids behave. There could be in the future, I will add your suggestion on our list.

Thanks

Hello nattyandrade,

Please try using the code below and place it in Theme panel -> Custom CSS Area.

.footer-logo-wrap img {
margin-left: auto;
margin-right: auto;
}

The result is here -> https://www.screencast.com/t/uqBLQ4n0zgDs

Thanks.