Search Results for 'browser inspector'

Hi,

1/2/4 Regarding the ads issues, shouldn’t be any problems with Adsense ads. As long as your Adsense accounting is fully approved the ads should be served by Google and be visible at all times
– https://support.google.com/adsense/answer/76228?hl=en
– https://support.google.com/adsense/answer/7584263?hl=en&ref_topic=1391540
– https://support.google.com/adsense/answer/9724?hl=en
– https://support.google.com/adsense/troubleshooter/7049023?hl=en

3/5 If no ads are displayed in the website then it could be that Google is not serving them to your website for some reason.

The mobile theme is a highly simplified version of the website, the performance on mobile will be significantly increased when active. When inactive the same content from desktop will be loaded on mobile.
So browsing with a slow internet connection would benefit if the mobile theme plugin is active.
However regardless of using the plugin or not, you should be able to use the mobile menu. Check in browser inspector console and see if there are any errors that could indicate why the menu can’t be used. Maybe it is a conflict with a plugin, code entered in the theme panel or theme files, child theme, or theme modifications.

6. The height of the top menu or the main menu is affected by the line-height setting
– https://www.screencast.com/t/1sszfdZ75T
Change the value of the line height and the overall height will be affected.

7. The theme doesn’t have any zooming settings, should be as the live theme demo for example
– https://demo.tagdiv.com/newspaper/
How does it look for you exactly? I could take a look at this and the mobile menu issue if you could post a link to the website.

Thanks

Hi,

1. I don’t quite understand what shadow you refer, please provide some screenshots with the problem.

2.Please read about Create custom code with the browser’s Inspector or the Live CSS Box
https://www.screencast.com/t/ZcY9bP81cqBy

.widget_product_tag_cloud span,
.widget_archive span
{
background-color: lightgray;
color: gray;
}
.widget_product_tag_cloud .block-title,
.widget_archive .block-title
{
border-color: lightgray;
}

Hope this will help you.

Thank you.

Hi,

Maybe there aren’t enough resources available, the theme has these requirements for the server
– https://forum.tagdiv.com/requirements-for-newspaper/
If these are met the theme should work properly. If there are problems with the server you could check the error log. Most servers keep error logs.
Also check with the browser inspector console, potential errors will be displayed there. Maybe there are 404 errors, or resources that load slowly. Investigate plugins as well, could be a problem with a plugin you have installed.

Thanks

Hi,

Please follow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box

Very page/post have an id, just hover the post/page title and look in the left bottom corner https://www.screencast.com/t/bphBCMxQUL

When you inspect the page/post you’ll see at the top the postid/page-id
https://www.screencast.com/t/ZRSaLzQs
https://www.screencast.com/t/viL1wHb2f9E
For home page just use .home
https://www.screencast.com/t/rW6glVQN

To hide an element use the syntax css visibility: hidden; or display: none;
You can read more about it here : -> https://www.w3schools.com/css/css_display_visibility.asp

Hope this will help you.

Thanks.

Hi,

You need to use some custom css for this
If you want to have in both examples the same background color then please add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-footer-wrapper .td-post-category,
.td_block_widget .td-post-category{
background-color: #b953ed!important;
}
See the results: https://www.screencast.com/t/iNv558D2p

If you like different background color use this:
.td-footer-wrapper .td-post-category{
background-color: #b953ed!important;
}
.td_block_widget .td-post-category{
background-color: pink!important;
}
See results: https://www.screencast.com/t/HkLVKeLFKTqH

Also you can check this tutorial :
Create custom code with the browser’s Inspector or the Live CSS Box
Hope this will help you.

Thank you for your understanding.

Hi,

So the website is loading slow? Check in the browser inspector console if there are any errors or resources that are not found (404), also test the website with online tools and see what can be improved.

There are some guides here in the forum regarding speed optimization, you could read them and try what is suggested
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/

Thanks

Hi,

Please fallow our guide to Create custom code with the browser’s Inspector or the Live CSS Box from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Hope this will help you.

Thank you for your understanding.

Hi,

Unfortunately for the moment you need to track the id post/page to do that.
You can use this guide Create custom code with the browser’s Inspector or the Live CSS Box , and track the id, or clasid https://www.screencast.com/t/66999rTUa0
Hope this will help you.

Thank you for your understanding.

Hi,

With live css I just give you an example.

I will give you another example.
If you want to customized this post https://www.screencast.com/t/vShNJ4B3 , clikc the right click on the page and click on inspect https://www.screencast.com/t/aX2Y5Bt0N7
let say that I want to have background color gray on the outside of content, and on content to have background color white
https://www.screencast.com/t/SRv4JjHshY

Please tell me what custom css do you need and, please provide a link to your website were I can inspect the problem and give you a custom css for it.

Also you can follow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box, here you’ll understand better how custom css work.

Thank you for your understanding.

Hi,

Could be a conflict which appears the moment you add the widgets. You can check in the browser inspector console, if there are any errors they will appear there.

We haven’t made any tests with the plugin you mention, I can’t say why this happens unfortunately.

Hello giulian curl,

Please notice that each page, post, and the category has a special class with ID like this -> .page-id-3445 .category-2345 .postid-7456. So, using this classes you need to use the property display:none for the Ad class you have to hide it. use the inspector browser to find the class you want and target it. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ If you need more assistance in this case, please provide your website URL and show me what kind of Ad you want to remove so I will be able to provide a more accurate response.

Thanks for the message!

I see you switched to a different counter style, still the icons are not displayed. I investigated with the browser inspector more, still can’t seem to figure out why this is happening. Maybe check if the image containing all the icons is there
– https://www.screencast.com/t/OCOHqdiLid0B

Hello novodave,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You should use such a custom CSS code if you want to change the Author Logo Size. Check the Inspector Browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hi,

Check if there are any errors in the browser inspector console when this happens, then let us know by some screenshots if possible, and mention what you were doing or editing at the time.

Thanks

Hello jdodd4s,

You should load this plugin and then, targeting a class from the mobile, where this symbol is added you should replace it with a symbol you like from this plugin. You should use the Inspector Browser for more investigation at your website. Check here -> https://www.screencast.com/t/7varxB4PFM

Thanks for understanding!

Hello Nikola Nikolov,

You should do it yourself and for this, you should use the Inspector Browser to see what kind of elements were used to be aware to add them on your theme, website. We suggest using the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Please read this documentation Create custom code with the browser’s Inspector or the Live CSS Box from here: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you for your understanding.

Hello Pavol,

Unfortunately, please notice that plugin has not been tested with our theme and therefore we cannot provide support for untested plugins. You should use the Inspector Browser Online Tool and try to identify where is the problem yourself. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi Eivind,

This is such additional customization which should be done by yourself, using the Inspector Browser. You should add some CSS code to customize the category tag.

Thanks for your understanding!

Hi,

That would be possible with the tagDiv composer. But you could also do that with some CSS in the Advanced CSS sections of the theme panel. In this example I used a code that will make the post title to have one size for desktop and a different one on mobile.
For example – https://www.screencast.com/t/FtI5BZBrz
– https://www.screencast.com/t/KXe20qLZr
– https://www.screencast.com/t/8V19sgOOn

With the browser inspector you can create the code and then enter it in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

You can try this custom code:
#td-header-menu {
overflow: scroll;
height: 40px;

}

Paste it in Newspaper>Theme panel>Custom code >custom css
See the results: https://www.screencast.com/t/v3Rab4nkal

Also you can check this guide about Create custom code with the browser’s Inspector or the Live CSS Box: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you.

Hello kaylee174,

1)Unfortunately, the theme does not have any such an option that allows you to do this, sorry! As you can make is to create your own custom category template and exclude from the block those posts which you do not want to be displayed on your category page, using the Block Settings.
2)Unfortunately, the theme does not have any such an option for sticky posts, sorry! Another alternative for you would be to create your own category template and from the block you should display only the post you want to be displayed at that page, using the post ID. Notice that using the Cloud Template Library you can make a lot of things with TD Composer plugin because this is more powerful and allows you to make a lot of things.
3)I do not exactly understand what you mean, but please notice that you can create your own CSS code if you need to hide some posts from a certain page. Use the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
4)The comments for category page is not available, sorry! The comments are available only for posts because this is the main WordPress functionality for comments. You should comment a post and not a category, sorry!

Thanks for your understanding!

You can still use the inspector I mentioned – https://www.linkedin.com/post-inspector/

The theme by itself will not add any og data necessary for sharing. Only through a SEO plugin will that work properly. We tested with Yoast which worked, so we can recommend it.

Other SEO plugins may work as well, as long as the og meta is present in the page source. LinkedIn specifies this in their documentation
– https://www.linkedin.com/help/linkedin/answer/46687/making-your-website-shareable-on-linkedin?lang=en

When I try to share the post you mention with LinkedIn there is a 500 error if you check in the browser inspector console, linking to the LinkedIn server it seems. Could be a temporary problem.

Facebook seems to work when debugging the post you mention
– https://www.screencast.com/t/N7iJ9oXo5

Hello bgits,

This seems to be particular customization and you should fix it yourself using such a custom CSS code. The theme does not have any such an option for this. As a hint, you should use the Inspector Browser to create your own custom CSS code. Please check here
-> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!