Search Results for 'css'

Hi,

@Dmitry_Lupich I see that you are using the Newsmag theme. There was an issue with the background ad functionality in version 4. So it would be bets if you update the theme, the problem is fixed in the latest version
– https://forum.tagdiv.com/newsmag-how-to-update-the-theme/
Or if that is not possible for you at the moment, a quick fix would be to enter this code in Theme panel->Custom CSS section

.td-ad-background-link #td-outer-wrap {
cursor: pointer;
}
.td-ad-background-link #td-outer-wrap .td-main-content-wrap {
pointer-events: none;
}
.td-ad-background-link #td-outer-wrap .td-main-content-wrap .td-container {
pointer-events: auto;
}
.td-ad-background-link .td-header-container,
.td-ad-background-link .td-container {
cursor: auto;
}

The background ad should work after you enter the code. Maybe clear all caching after doing this.

Thanks

Hello abhishek.jec2009,

Ensure that you are using the latest theme version and make sure that you have followed all the steps from here -> https://forum.tagdiv.com/tagdiv-social-counter-tutorial-2/

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,

I believe you have made many modifications to the theme, with CSS. Maybe some of them are not made properly. By default then theme is responsive, but if there are modifications made, this could change.
I don’t know what exactly you want to achieve with this design, or what final look you are going for so I can understand better.
Maybe if you could provide some screenshots with this problem, and what you would like to modify, that would be very helpful.

Thanks

Hi,

Please do not post such export codes in the topic, it is causing problems to the forum functionality.
The Health demo you mention has custom design as all demos have, in this case including a background color set for the mobile menu bar by the demo. This would override the color you are trying to set through the theme panel.
A solution would be to remove this design choice from the demo stylesheet
– https://www.screencast.com/t/BrvYKagQOoEE
A different solution would be to use a similar code to change the background color
– https://www.screencast.com/t/KYHmMwX9K
This code has to be entered in Theme panel->Custom CSS section, if you decide to use it.

@media (max-width: 767px) {
.td-header-wrap .td-header-main-menu {
background-color: #219ed3!important;
}}

Let us know if you require further help, or you have more questions.

Thanks

Hi,

A code like this will remove the Shopping menu item, for product category pages and product tag pages
– https://www.screencast.com/t/DjxsD3WpBVIu
– https://www.screencast.com/t/oEpUrqH4r0mA
Enter it in Theme panel->Custom CSS section and check if it is working properly

.woocommerce-page.tax-product_cat .menu-item-114113,
.woocommerce-page.tax-product_tag .menu-item-114113{
display: none;
}

Thanks

Hello Ken0929,

You can put that code inside the Custom CSS because the theme will load it from there or if you want, you can add it directly in style.css. Notice that all of these involves additional customizations which are not covered by our support, sorry!

Thanks for your understanding!

Hi,

I could give you a code to remove the top padding below the main menu, and some of the container width, but this is highly not recommended. The theme width is predefined with or without background. This is meant to ensure that the page elements always display as intended.
The code you can experiment with would be like this
– https://www.screencast.com/t/n23fT520z
– https://www.screencast.com/t/fkHjIsJdq

.home .td-main-page-wrap {
padding-top:24px;
}
.td-boxed-layout .td-container-wrap {
width: 1116px;
}
.home .td-main-content-wrap {
padding-bottom: 24px;
}

Enter it in Theme panel->Custom Code->Advanced CSS in the desktop section, and check if everything works and displays properly.

Thanks

Hi,

First please move the code mentioned last regarding the width and margins, in Theme panel->Advanced CSS in the desktop section. It creates issues on smaller devices, I forgot to mention this.
I see that you have set a background image for the header. If you would like the background to be centered at all times, add this to the code
– https://www.screencast.com/t/oS5O8AGaXkal

Thanks