Search Results for 'css'

Hi,

1) The mobile menu problem is generaly caused by the old style.css from newspaper 6 being cached and served on the site from the cache. That causes the layout to break so clearing caches will eliminate caching issues.
On your site you no longer have the overlaping mobile menu: http://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/

2) Please disable all plugins except visual composer and activate the mobile theme without other plugins. Some plugins can cause conflicts with our mobile theme.

Let us know how it goes.
Thanks.

Hello lettogsunn,

Unfortunately, our theme does not have such an option for it, but please notice that you can achieve the same design if you will try to use a background image for your side and the with a bit of CSS code you will have to make the td-main-content-wrap container being transparent. For example, please check the following screencast and see the result with the code below -> http://screencast.com/t/cNTbl1QzP3gB

The code is ->

.td-main-content-wrap, .td-category-grid {
background-color: transparent;
}

Please notice that this is an example for home page where it is used blocks and big grids. Also, for your example page, you have a lot of images displayed there and this code does not affect the transparency for images. You will have to build your page using more text than images for having the same effect. Here -> https://k2vitamin.no/bestill-k2-vitamin-na/ is talking about the same process.

Also, if you want to display more levels in our theme and you want to add some additional options through it and 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 customization services at the moment, sorry!

Thank you for your understanding!

Hello Daft-Trak,

Please notice that in the magazine demo has the own custom style. If you want to make for your default demo to use the custom style from the magazine demo, you will have to check the demo style CSS like this -> http://screencast.com/t/qKAbQS94vhV and try to implement yourself this customization for your side. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thanks.

Hello geo782,

Thank you for your suggestion. I have added this of our list of fixes and improvements and in a future update, it is possible but we cannot say for sure if it will get done in the next update because we have a big list of fixes, improvements, and suggestions to implement. It’s hard to filter them and select which one gets implemented now and which one gets postponed. The developers decide if it gets done or not, though. Please notice that you can do achieve as you wish if you will use a bit of CSS to do this. Please notice that you have to use a category ID for each category and then you have to add your desired CSS for each category, as you wish. If you want to get the category ID, please check the following steps, like this -> http://screencast.com/t/fklK8Fe2X or like this -> http://screencast.com/t/Td4BPREn and the class for this category is .category-38

Hope this helps!

Thank you for your understanding!

Hi,
This issue is related to your page loading speed and/or the speedbooster plugin. If you use speedbooster or another tool to move render blocking to footer as google page speed suggests, it will also move style.css to footer and this is the effect of that. The style will apply after all elements are loaded. If you know your way around coding, you can remove style.css from the speed-booster files to prevent this happening.
If you do not use speedbooster, please increase your site-s loading times by following this guide:https://forum.tagdiv.com/how-to-make-the-site-faster/ and also make sure you have all system status parameters set properly so you do not run out of memory: https://forum.tagdiv.com/system-status-parameters-guide/
Hope this helps.
Thank you!

Hi,
If you want to reduce the color intensity on your homepage, please use this code:
.home img{
-webkit-filter: grayscale(40%);
-moz-filter: grayscale(40%);
-ms-filter: grayscale(40%);
-o-filter: grayscale(40%);
filter: gray;
}
If you want it closer to gray, increase the percentage.
Add it in the theme panel -> custom css box.
Thank you!

Hi,
The css will not work anymore because the class was changed. It’s not .affix anymore but
.td-affix
Change the class and it should work as before.
Thank you!

Replied here: no need to double post: https://forum.tagdiv.com/topic/how-to-deregister-js_composer-css-and-javascript-file-on-single-posts/

Hello Marto,

Please notice that the Page level ads implementation is not tested for the mobile theme and we cannot say for sure if it works as properly, sorry!
Also, if you want to hide the post view count, you have to use the code below and place it in Theme panel->Custom CSS Area.

The code is ->

.td-post-views {
display:none;
}

Thanks.

Hi,
Please try this custom css:
.td-logo{
width:auto!important;
}
Thanks.

Hi,
Unfortunately font awesome has it’s own icons and you cannot add custom icons to it. Our theme uses it’s own icons as well. You can use these font icons with css if you get the content code from here: http://screencast.com/t/YKrcUewflNDo and then add it with a ::before or ::after pseudo-element in css like so:
http://screencast.com/t/NMVQLSxxYb – http://screencast.com/t/lgNgmS6O09Me
The downside is that those icons you found are specific to one of the demo styles in our theme and they can only be accessed if the specific demo is loaded.
If you require custom icons, you can find some vector graphics and implement them by following this topic:
https://forum.tagdiv.com/topic/how-to-add-a-custom-icon-with-css-code/
Hope this helps.
Thank you!

Hi,

You can try to check for pagebuilder so if you do not use pagebuilder on a page, the css and js will be removed:
add_action( 'wp_print_styles', 'aa_deregister_styles', 10 );
function aa_deregister_styles()
{
$td_use_page_builder = false;
if (method_exists('WPBMap', 'getShortCodes')) {
$td_use_page_builder = true;

Hope this helps.
Thanks.

Hello

Please try to use a bit of CSS to hide the class that makes this effect.

The code is ->

.td-loader-gif {
display:none;
}

Hope this helps!

Thanks.

Hello zanesavage,

If you want to get rid that white space from your header style, please notice that you have to use a bit of CSS code to do that.

The code is ->

.td-header-header {
display:none;
}

The results -> http://screencast.com/t/0HeKBox5

Please notice that, on the future you will want to add a logo or a header ad, you will have to disable this option from your Custom CSS area.

Thanks.

Hi,
Unfortunately the theme has no such option. It will have to be made custom, but it will not be as easy as the menu is a complex part of the theme and the second line will make other elements not position properly. you will need css knowledge to get it done properly. Every menu item has a unique class: http://screencast.com/t/jmWMTUGFhhNJ
You can use that as a css class like so:
.menu-item-yourmenuitemnumber{
add css proprieties and attributes here:
}
Unfortunately I have no easy solution to provide as this will require adjusting of all elements around it.
Thank you!

Hello rbaron0627,

Please notice that you can use the post template style 5, because this type of post template does not display the featured image on the top of the post or if you do not want using that, you have to use a bit of CSS code to hide it. For example, if you are using the post template style 1 and you want to hide the featured image to top of the post section, you have to use the next code ->

The code is ->

.td-post-template-1 .td-post-featured-image {
display:none;
}

The result you should see here -> http://screencast.com/t/0FUYbtrvk8

NOTICE: If you are using another post template for displaying your posts, you simply replace the number of the post template with yours. (2,3,4,…)

Thanks.

Hi,

1) Please update the social counter by disabling the one you have now and deleting files and installing the new plugin version which comes with the latest theme version. You must have social counter version 4.0 for it to work properly
2) There is no official soulution for adding new social icons but you can try to replicate this method for adding a new social share option: https://forum.tagdiv.com/topic/add-a-linkedin-button/
3) The name of the file must be the same as the one in the main theme. your file is named functions2/.php
4) Same as 3
5) There are lots of plugins not compatible with speedbooster that people use. We have no alternative to provide but there is this workaround: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
6) The cropping of the featured images is different for all post styles you use. There are a total of 14 post templates to chose from: https://forum.tagdiv.com/post-templates-2/
7) The homepage is the most customizable area of our theme. You chose from a total of 25 content blocks: http://demo.tagdiv.com/newspaper/block-1/ and 12 big grids: http://demo.tagdiv.com/newspaper/big-grid-1/ among other elements.
Please read the documentation here: https://forum.tagdiv.com/newspaper-theme-documentation/
8) APC is different from a caching plugin and it is compatible with sp super cache APC is a cache for PHP: http://www.inmotionhosting.com/support/website/what-is/speed-up-php-with-apc
9) Please contact your hosting provider and make sure compression is allowed/enabled from the server side.
10) Those are alternative methods. Use one or the other, not both
11) Speedbooster is for advanced users only. You placed the js inside the style css part. Please read it again and check the screenshots to see where to places css and where to place js blocks.
12) For a smart sidebar please read this guide: https://forum.tagdiv.com/smart-sidebar-2/
13) You can use a redirect to send the user elsewere if he clicks the author name: http://www.wpbeginner.com/beginners-guide/beginners-guide-to-creating-redirects-in-wordpress/

Thanks

Hi,

1) This seems to be gone now. It is a common issue created by cache either a caching plugin, a cdn or server cache. It got cleared/updated so now it displays properly. The issue was the old css file being served from the cache.

2) I’m not sure exactly what the error says as we do not speak your language :). Try to activate it again and translate the error message for us so we can tell what is going on.

Thanks.

Hello Marto,

1) Please notice that our new mobile theme do not support the Visual Composer and it only displays the Big Grid -> your desired text -> and the latest articles features. For more information about mobile theme, please check our documentation here -> https://forum.tagdiv.com/the-mobile-theme/
2) For more information about page level ads implementation, please check this topic here -> https://forum.tagdiv.com/topic/page-level-ads-problems/
3) Please notice that the mobile theme does not support adding the widgets. This was made to be very fast and clean. All information about this feature you will find in the above documentation. If you want to have widgets, you will have to use the normal mobile theme (responsive mode).
4) If you want to hide the back to the top button, you have to use a bit of CSS code to do it. Please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

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

5)If you want to show the footer menu, you have to change them from Theme panel, like this -> http://screencast.com/t/3QDthMdzkA
6)Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-mobile-footer-wrap {
display:none;
}

7)Unfortunately, our theme does not have such an option for mobile font menu. If you want to change the font from the mobile menu, you can only do using a bit of CSS. For example, you can use the following code ->

.td-mobile-content{
font-family:arial;
}

Please notice that the font will have to be loaded from the Theme panel->Theme fonts, otherwise, the font will not be loaded. If your custom font is not loaded in our theme, you have to load them using ‘@font-face’ For more references in this regard, please consult here ->>
https://forum.tagdiv.com/font-customization/ – https://forum.tagdiv.com/topic/custom-font-issue/

8)I suppose that you are referring to the post view count for each post page. If you want to hide/remove it, please notice that you can do that from Theme panel->Post Settings, like this -> http://screencast.com/t/gBgk740e If is not what you mean, please provide more details.

9)As you can see, for the mobile theme, you cannot display the blocks for your sidebar. For more information about sidebar, please check our documentation here -> https://forum.tagdiv.com/sidebars-tutorial/

10)Please notice that the mobile theme has been designed to be very basic/simple and clear just to be very fast. Yes, the modal image was removed because influence the speed optimization and that was the decision of our developers. Also, you cannot turn it on because you do not have any option to enable it.
So, if you are unhappy with the new mobile theme behaviour, you simply disable the Mobile theme plugin and the theme will be switched to the normal mobile responsive.

Thank you for your understanding!