Search Results for 'css'

Hello bwebb,

I have checked your website on Google Page Speed Insights and it seems to be very poor, as you can see here -> https://www.screencast.com/t/LyBHMbUM https://www.screencast.com/t/agLqdztuD It seems that your website is not optimized, sorry!
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/

Thanks for your understanding!

Hi,

The easiest way would be to use some custom code to hide the header on specific posts, since there is no theme option for something like this.
A code like this for example, based on post ID that will hide the header and the breadcrumbs just for that specific post page
– https://www.screencast.com/t/8uNEYNhyt

.postid-18145 .td-header-wrap,
.postid-18145 .entry-crumbs{
display: none;
}

Use the post Id for the post you want in the code, then enter it in Theme panel->Custom CSS. The post Id can be found in multiple ways, when editing the post for example
– https://www.screencast.com/t/76WVEb2PZZ

Thanks

Hello,

Try the core below and place it in Theme panel -> Custom CSS area.

The code is ->

.mfp-figure:before {
content:none!important;
}

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

Thanks for the message!

Hi,

1. Please check the line height settings for the menu items and increase the value if necessary in the theme panel
– https://www.screencast.com/t/QyhnOr3BOxh
Also if you have custom code targeting the header, or made other modifications to the header check those as well.

2. That is a padding top set by the theme. You could remove it with a code like this, in general
– https://www.screencast.com/t/h345SZ6WZ5v

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

Or maybe by page ID (this can be identified with the browser inspector for example)
– https://www.screencast.com/t/2ck6LgpNDag
Enter the code in Theme panel->Custom CSS section.

3. There is an option in the theme panel that allows you to change the top menu background color
– https://www.screencast.com/t/e2EXgiPbOqE
Change the color there and it will have to be displayed. Clear any caching installed after making the modification.

Thanks

Hi,

That is how the reviews are displayed in the post page. You could use some CSS to hide the Summary box if that is what you want
– https://www.screencast.com/t/NYphIZ2B7
– https://www.screencast.com/t/qVX13zylrpm
This is the code used in the example, if it is what you need enter it in Theme panel->Custom CSS

.td-review-footer {
display: none;
}

Please correct me if I misunderstand what you wanted.

Thanks

Hi,

Using the tagDiv composer there are options to set a background color or image for the rows, in the row settings CSS tab
– https://www.screencast.com/t/Mb5lB4HvMr2N
There should be no problem in this matter. Please provide some examples of the issues you are having, so we can inspect the issue further.

Thanks

Hi,

1. You could make those specific menu items aligned next to the search, with custom code
– https://www.screencast.com/t/eOmJtwDn

#td-header-menu .menu-item-824,
#td-header-menu .menu-item-825,
#td-header-menu .menu-item-826{
float: right;
}

2. That could be done with custom code as well, there is no options in the them for this specifically. Each menu item has a unique Id that can be used
– https://www.screencast.com/t/5qQR4KiCoig
– https://www.screencast.com/t/68fSPO4eAHVH

#td-header-menu .menu-item-303 a {
color: red;
}
#td-header-menu .menu-item-313 a {
color: blue;
}
#td-header-menu .menu-item-311 a {
color: green;
}
#td-header-menu .menu-item-312 a {
color: grey;
}

You can use any color you want in the code, then enter it in Theme panel->Custom CSS.
This is a useful guide mentioning how to use the browser inspector tool to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

You can use a css code to change the icon size.
Please add this code in the theme panel-> custom css box:

.td-header-sp-top-widget .td-social-icon-wrap .td-icon-font{
font-size: 22px;
}

Thank you!

Hello peopleabroad,

Yes, valid reasons in this regard would be the thing that on tablet and mobile, exists the Scroll effect which allows you to move to the top or move to the bottom very easy, right? That’s the main reason that our developers hide this functionality for mobile and tablet devices.
Another alternative for you would be to use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area and enable this functionality.

The code is ->

@media (max-width: 767px){
.td-scroll-up {
display: block;
}
}

Thanks for your understanding!

Hello,
For post style 7, things are easier as it uses the full image. It is not cropped just moved in css.

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

.single_template_7 .td-backstretch{
transform: translate3d(-50%, -40%, 0px) scale(1.07, 1.07)!important;
}

The 40% is the height value. Change it to your own preference.

Thank you!

Hi,

The background color or image when set, will be displayed in the background of pages and posts
– https://forum.tagdiv.com/background-introduction/
The inner containers and article content area will not be affected. I see you have used custom code to modify the default color for that post template
– https://www.screencast.com/t/bfrMVVmY
You could do that for the default post template if that is what you need, like this
– https://www.screencast.com/t/wwEBx0v6Lyi

.single_template .post {
background-color: #eff5f7;
}

The code must be entered in Theme panel->Custom CSS section, if you decide to use it. Please correct me if I misunderstand.

Thanks

Hi,

Please use this code in your theme panel-> custom css box:
@media(min-width:1141px){
.td_block_trending_now{
display:none!important;
}
}

This code will affect every news ticker. If you want to target just specific ones, you should provide more details to which one, where.

Thank you!

Hello ltonline,

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

The code is ->

.category .item-details{
margin-left:0!important;
}
.category .td-module-thumb{
display:none;
}

Thanks for the message!

Hello,

The styles loaded should be seen when viewing your page source.right click on your site and click the view source button. Then look for ‘.css’ and see which ones you want to remove.

Thank you!

Hi,

All the custom CSS code should have to be added in Theme panel -> Custom CSS area. This tutorial -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ might be useful for you for creating your own CSS custom code.

Thanks for the message!