Search Results for 'browser inspector'

Hi,

Please notice that if you want to have a custom format for a specific content post is not required to use API. You should only create your own custom CSS code and apply it for your desired section. Use the Inspector browser to create your CSS code. Read here
-> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Check with the browser inspector, there could be errors in the console that would indicate what the problem is. We could take a look, provide a link to the website if possible.

Thanks

Hi,

When it happens check in the browser inspector console, could be the same issue from here
– https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
– https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/

Thanks

Hello,

You should use the Inspector element to know what kind of block/module you are using. Please use it from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hi,

Please read our documentation for create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Please let us know the error that you found.

Thank you.

Hi,

If the icons display like that (sometimes even strange symbols) it could mean there are problems with the theme internal font used for them, maybe it is not loading properly
– https://www.screencast.com/t/B4loYmZyPu

When it happens check in the browser inspector console, could be the same issue from here
– https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
– https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/

Thanks

Hi,

Unfortunately the main design of theme can be change only with the header.
If you want different colors in function of page/category you’ll need to set some custom css

Please read this guide -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you for your understanding.

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.

If the problem is still there, please provide some more details and some screenshots would be very helpful.

Thank you.

Hi,

Did you have checked the Theme colors settings from our Theme panel? If you want to change the color of our elements to another one and if you do not find any option from our panel, you need to use the custom CSS code for that. This code should have to be created by yourself, according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

I don’t understand what you are referring to unfortunately. Maybe with some more details, screenshots about the elements you are mentioning and what exactly you want to do with them, I could give it a try.

There is a guide I can provide you for making various customizations for the website, using the browser inspector tool
– https://www.screencast.com/t/keG4sdRXkHa
Some simple image effects here, maybe these will be useful for you
– https://www.w3schools.com/howto/howto_css_image_effects.asp

Hi,

That can be set as recommended by adding a code in the htaccess file, please check at the bottom of the requirements guide
– https://forum.tagdiv.com/requirements-for-newspaper/

So the issue started to happen only after the theme has been updated? Please check if there are any errors in the browser inspector console.
Could be same as here maybe – https://forum.tagdiv.com/topic/cant-save-theme-options-2/

Also if you use Wordfence maybe, set the firewall to learning mode and check again
– https://www.wordfence.com/help/firewall/learning-mode/

Let us know.
Thanks

Hi,

That would be possible with CSS. Each menu has an unique ID which can be used to create CSS for each of the menu items. This topic is somewhat similar
– https://forum.tagdiv.com/topic/how-to-move-menu-items/
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

If you need help I will try to help you, please mention how exactly would you want them to be.

Thanks

Hi,

1/3.There is a scroll to top button that appears on desktop (on mobile only if the mobile theme plugin is used).

If you want it to appear on mobile without using the mobile theme, try this
– https://forum.tagdiv.com/topic/scroll-to-top-mobile/

2. The button will inherit the theme accent color, set in the theme panel
– https://www.screencast.com/t/uzvqNDnjbI
It could be customized differently with some CSS, if needed. Mention how exactly you want it to be and I will try to help you.

Or make some experiments with it and this guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

4. If you want the same customization as the scroll up in this forum, this is the code
– https://pastebin.com/kvPcX6GH
Result – https://www.screencast.com/t/PxHixIRTcBkG

Thanks

Hi,

You can use the browser inspector tool to identify the fonts used
– https://www.screencast.com/t/BOJhyhjnl5Mr
– https://www.screencast.com/t/IhmdqBj2
– https://www.screencast.com/t/SZXwd0doB9

The browser inspector is a very powerful tool, some more about it here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

All pages, posts, categories will have an ID, this ID will appear as a class on the body tag, it can be seen with the browser inspector for example
– https://www.screencast.com/t/Rd45hcCgsy
You can use that ID class before the scroll class to remove it only for those pages, for example

.page-id-XXXX .td-scroll-up{
display:none!important;
}

Thanks

Hi,

Please read our guide for Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
You can try this for posts
https://www.screencast.com/t/mEr6GRUk
https://www.screencast.com/t/FdqhB2v1
.postid-644 .td-post-date {
display: none ;
}

Hope this will help you.

Hi,

I see no problem, I checked with a mobile phone (with Chrome) and the browser inspector
– http://prntscr.com/llgf49
The theme icon font is loading properly – http://prntscr.com/llgfro

Hello,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You need to add some CSS code if you want to make some changes over this section. Use the inspector browser according to our documentation from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Please follow this tutorial : Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Please read this topic ->https://forum.tagdiv.com/topic/how-to-use-arrow-type-bullet-mark-and-rounded-serial-no/
In order to make an element round all you need to do is to border-radius: 50% to the element class.

2. No the the speed of site will not decrease from a line of css.

Thank you for your understanding.

Hi,

Unfortunately our theme don’t have such option, but you can hide them with custom css, for example hide all meta from all pages from block 1
https://www.screencast.com/t/ftJz4kaMb2
https://www.screencast.com/t/O10pqaEZTch
.td_block_1 .td-module-meta-info{
display: none;
}
Also you can read 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/
Hope this will help you.

Thank you for your understanding.

Hi,

If you want to add for all h2, and h1 center align just paste the below css in Newspaper>Theme panel>Custom code>Custom css
h1, h2 {
text-align: center;
}
If you are using mobile theme you need to paste this css in Neaspaper>Theme panel>Mobile Theme> Custom code ” WRITE YOUR OWN CSS HERE ” too, in this way will apply on mobile too.

Also you can fallow our tutorial about Create custom code with the browser’s Inspector or the Live CSS Box

Thank you .

Hi,

So something like this – https://www.screencast.com/t/VrRWW9GdO
Making small customizations such as this one is possible with the browser inspector tool, as mentioned in this guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In this case the code would look like this

.td-smart-list-button {
background-color: #4db2ec;
}
.td-smart-list-button:hover {
background-color: #000;
}

Thanks