Search Results for 'css'

Hello,
In order to replicate the look of the gadgets demo please add this code in your custom css box:

.td_module_8 {
padding: 0 0 0 15px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 6px;
}
.td_module_8 .entry-title a {
color: #888 !important;
}
.td_module_8 .entry-title a:hover {
color: #000 !important;
}
.td_module_8 .entry-title a:before {
content: '';
width: 5px;
height: 5px;
background-color: #f45511;
position: absolute;
left: 0;
top: 7px;
}
.td_module_8 .td-module-meta-info {
display: none;
}
.td_module_8 .td-module-comments {
display: none;
}

Thanks.

Hi,

Try adding this to the CSS code provided – https://www.screencast.com/t/yP7YenXhHA

font-family: FontAwesome;

It should work properly after adding the font family.

Thanks

Hi,

You could hide the breadcrumbs with some CSS, like this
– https://www.screencast.com/t/FGNz9dUNxb
Test this solution and see if it works properly

.woocommerce.single-product .entry-crumbs a:nth-child(3),
.woocommerce.single-product .entry-crumbs a:nth-child(5),
.woocommerce.single-product .entry-crumbs i:nth-child(2),
.woocommerce.single-product .entry-crumbs i:nth-child(4) {
display:none;
}

The section you mention will be displayed on the shop page, something has to be selected in the default shop page settings
– https://www.screencast.com/t/RaKPWSRbIQy
There could be plugins or code that you could use to remove it. Or maybe hide it with CSS.

Thanks

Hi,

Please enter this code in Theme panel->Custom CSS section, it will fix the issue with the article bottom ad
– https://www.screencast.com/t/67sPOYzd4p7t

.td-a-rec-id-content_bottom .td-all-devices {
display: block;
}

The header ad seems to be displaying properly from what I can see
– https://www.screencast.com/t/sapEeWxu

Thanks

Hello fquiquet,

Yes! If you want to change this style you should add the above code which I gave you above directly in style.css and then you can customize each block header from the composer.

Thanks for your understanding!

Hi,

If you mean this heading – https://www.screencast.com/t/Sk7fefcZJ
I believe that is added by Woocommerce here – https://www.screencast.com/t/fLAmDLaaGHY
You could edit the plugin and remove it in the files as shown. Or remove the heading with some CSS like this
– https://www.screencast.com/t/FV6xAUqEMRVk

.single-product .woocommerce-Tabs-panel h2 {
display: none;
}

Maybe add some margin as well to compensate for the removal of the heading, if you want to
– https://www.screencast.com/t/A9i5TB8GTZ

.single-product .product ul.tabs {
margin-bottom: 30px!important;
}

Thanks

Hello morebusiness,

Sorry but the theme does not allow you to make an infinite scroll for Woocommerce page products, sorry! Only available type pagination for this kind of page is numeric pagination, like this -> https://www.screencast.com/t/SKAc517MtnVN

The mega menu has not been designed to display the shop pages but only our posts and default pages.

If you want to hide the ads for the Woocommerce page you should use a bit of CSS code for this and target your page desired by page ID.

Notice that our theme has the own sign in/login functionality and does not use the Woocoemmerce’s functionality in this case. The Woocommerce log in should be applied only for Woocommerce elements. You should check the plugin’s documentation here -> https://docs.woocommerce.com/?s=login&post_type=documentation&search_in=3

If you do not like the design of it you should create your own style using a bit of CSS code but notice that it have to do by yourself because we cannot provide custom work at the moment, sorry!

Check the plugin’s settings to enable or disable all of the specific plugin’s elements, sorry!

Sorry but that question regarding on Google Translate is not theme related! If you want to know how this can be done, please google it. As a hint, you can take a closer look at this tutorial -> http://nationbuilder.com/google_translate_widget

Sorry but please notice that the standard position of social sharing networks cannot be changed very easy because the theme layout will be damaged, sorry!

.td-default-sharing .td-social-sharing-buttons {
border: 1px solid #ebebeb;
border-radius: 20px;
}

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

I guess that you are using the Footer template style 1 which comes by default with these widgets. If you want to change the content of it notice that you can do this only by the code. So, if you want to create your own Footer template style, I recommend you to use the Footer template style 5 according to our documentation here -> https://forum.tagdiv.com/footer-templates/

Notice that the Editor Picks is just a simple block style 7 sorted by some default parameters as you can see here -> https://www.screencast.com/t/me51SX6Vj6h

Hope this helps!

Thanks for your understanding!

Hi,

Then you could make sure the code applies only on desktop, if it is affecting smaller devices in a bad way. There is an Advanced CSS code section in the theme panel where you can enter the code you created, applying it only for desktop
– https://www.screencast.com/t/B0m997Ze0h

Thanks

Hello Prokhorov,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
If you are not aware of the 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!

Hope this helps!

Thanks for your understanding!

Hello Fabio Russo,

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 translation works as you can see here
– https://www.screencast.com/t/qX4pl4BjnT
– https://www.screencast.com/t/gTiuAEV1i0y4
The center alignment also works as it can be seen here, footer template 14 as well
– https://www.screencast.com/t/AO2QPgfh
If you have caching, clear your cache after making the modification in the translation settings, and entering the CSS code.

Thanks

Hi,

A code like this will change the color of the links when hovered, for the elements present in the footer (same color as sub-footer)
– https://www.screencast.com/t/zFRXuabGD
Enter it in Theme panel->Custom CSS

.td-footer-wrapper .td_module_wrap:hover .entry-title a,
.td-footer-wrapper .widget a:hover {
color: #ffc20e;
}

If there is no change after the code is entered, clear the cache.

Thanks