Search Results for 'css'

Hi,

These words can be removed with a bit of CSS code, like below:

.td-social-but-text{
display:none;
}

You can translate these theme’s strings from the Theme panel, like this -> https://www.screencast.com/t/ptDCpnOdKT

Thanks for the message!

Hi,

Please add this code in the theme panel-> custom css box.

@media(max-width:767px){
.td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full{
display:block!important;
}
.td-header-sp-top-menu{
display:table!important;
text-align:center!important;
width:100%;
}
}

Thanks

Hello Somosung,

Yes, it’s possible but please notice that our theme does not have any such an option for it, sorry! You should use such a custom CSS code in order to achieve as you wish. As a recommendation, you should try using the media queries and target the mobile layout with the desired instructions for your blocks -> https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Hope this helps!

Thanks for the message!

Hello manoelvlm,

If you want to remove the gradient from the Big Grids, notice that you should try using a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-thumb a:last-child:before{
display:none!important
}

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

Thanks for the message!

Might have mentioned this detail before as the erotic magazine uses an altered version of the standard block 25.
On this layout you can add excerpts like so:
use this code:

<div class="td-excerpt">
<?php echo $this->get_excerpt(24); ?>
</div>

the number 24 represents the number of words the excerpt is going to show
Place the code like so: https://www.screencast.com/t/9ZVTcwoyZhT
Then add this code in the theme panel-> custom css box for positioning:

.td-erotic .td_module_mx17 .entry-title{
margin-bottom: 10px;
}
.td-erotic .td_module_mx17 .td-excerpt{
margin-bottom:10px;
}

Thanks.

Well you cannot have a big logo AND the header ad. There is no space for both. The space is limited. You can increase the logo a bit, but not by very much in it’s current position.

Try this code:
@media (min-width: 1019px){
.td-header-style-1 .td-header-sp-logo img{
max-height: 120px;
}
}

Add the code in the theme panel-> custom css box.

Thanks.

Hello,

If you use a plugin like smush or an external tool to optimize images, then the quality loss can come from there. For the cropping, make sure you use a plugin to regenerate thumbs such as ‘force regenerate’
For the page title on the chrome tab, you will have to use SEO by Yoast as the theme cannot change the titles in the browser tabs. I’m not sure about the redirect issue though. It could be a plugin conflict with other plugins.
If a color is added to a block then the hover color also changes.
If you want to remove the hover color from all blocks, please add this code in the theme panel-> custom css box:

.td_block_inner .td_module_wrap:hover .entry-title a{
color:black!important;
}


Thank you!

Hi,
Please add this code in your theme panel-> custom css box.

.td_block_author .td-author-name{
text-transform:none;
}
.td_block_author a:hover{
color:#406e87;
}

Thanks.

Hello,
For this post template you cna use this custom css code:

.td-full-screen-header-image-wrap{
margin-top: -80px;
}

Add the code in the theme panel-> custom css box.

Thanks.

Hello fgmotta,

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

The code is ->

.td_block_big_grid_4 .td-big-thumb {
padding-right: 0;
}

Thanks for the message!

Hi,

If the mobile layout is different and will not allow a top menu. Only a main menu and footer menu. What you want is to enable the top menu on mobile devices. Please provide a link to your site and I will provide a css code to re-activate the top menu on mobiles.

Thanks.

Hello humphreyjr,

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

The code is ->

.td-icon-menu-down {
line-height:13px;
}

Thanks for the message!

Unfortunately you will still need css. As css is loaded for the entire site at once. It is not loading just the used elements. For the moment you will still need the entire theme css file. You built a page in a custom page builder, but what about headers footers, other parts of the site excluding the page itself. The layout will break most likely.
Thanks.

Hello,
You will have to provide more details to what exactly are you trying to change the color to. Regarding modules, the colors on article titles or excerpt text can only be changed through css. I can provide the code but I need more specific details so I can provide the proper one.
Thanks.

Hi Eeshan Bashir,

I have inspected your website on Google Insights and it seems that your website needs some work, as you can see here -> https://www.screencast.com/t/TBgsiP9y

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 to 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/

Regarding on Google Fonts, notice that if you will follow all the steps from our useful guide, you can move to the footer this render blocking.

Please keep in mind that at the moment, we cannot provide optimization services because this task involves time-consuming and we do not afford to do this, sorry! We only can provide support for basic theme settings.
If you are not aware of these steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

Please add this code in the theme panel-> custom css box:

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

Thank you!