Search Results for 'browser inspector'

Hi,

Each menu item has a unique ID, so you could use that and create a code. I did it like this, first I have added an icon in my menu same way you did
– https://www.screencast.com/t/atJw6weOwj
The menu item ID can be seen with the browser inspector
– https://www.screencast.com/t/0vVSEOThr
So a code like this will change the color when on default (if you want to do that), also set a hover color
– https://www.screencast.com/t/6C5dK406DS
– https://www.screencast.com/t/mWocLAsrZNdZ
This is the code used in the example, you would only need to use the IDs you have. The colors can be set to what you like. Use them both or just the hover one.

.menu-item-3512 .fa {
color: blue;
}

.menu-item-3512 .fa:hover {
color: red;
}

CSS code can be entered in Theme panel->Custom code-> CSS section.

A guide that may be helpful here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

That looks nice, thank you for posting the code that you used. This may be helpful for other users.

Creating code with the browser inspector and entering it in the theme panel is a helpful thing to have and user when making various customization of the website
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,
You can simulate a mobile device in the chrome browser inspector like so:
https://developers.google.com/web/tools/chrome-devtools/device-mode/
You do not need custom css to change the mobile theme colors though: https://www.screencast.com/t/Yop8vHu5

Thank you!

Hello alebasur,

Sorry but please notice that we cannot provide additional customizations, unfortunately! As my colleague Simion said you above, you should check the Inspector browser tool to create your own CSS code.

Thanks for your understanding!

Hi,

Does that happen only with those scripts? try to enter a simple text and see if that saves. Open the browser inspector console – https://www.screencast.com/t/ezQ3xvGoaTc
Any potential errors will display there. Try to save again and see if anything is displayed in the console.

Also be sure to review the theme requirements guide
– https://forum.tagdiv.com/requirements-for-newspaper/

Thanks

Hi,

1. Are there other problems with saving settings or only with the fonts? Open the browser inspector console and then make the settings again and save. Any potential errors will be displayed there
– https://www.screencast.com/t/jcjiOCc0zO

2. That should not happen. I tested this again
– https://www.screencast.com/t/WUxQ82wibKS
– https://www.screencast.com/t/nTY6IQOqI
Note that other elements such as plugins also can load fonts or maybe custom code used, not only the theme. Make tests to identify what is loading those fonts.

thanks

For what block does that happen? It is necessary that you provide this information. I cannot test all blocks and modules. If you discover that the code does not work for some blocks/modules mention which ones.
Since the category tags are not supposed to display like that, it may require additional codes.
You can inspect the element and try to create CSS codes, check here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

@Chris There is a theme panel section now that will output the code in the footer, before the HTML body tag
– https://www.screencast.com/t/gaO5riWZo
I believe that is where the code needs to be loaded. Check the page source after adding it, it should appear in the footer, above the closing body tag.

Or manually add it in the file shown above in the main theme file, or in a child theme so you don’t loose it after an update. Either way would load the code. Inspect the page with the browser inspector, see if the Amazon section is there, maybe it is a CSS issue of some kind.

Hello Punkey,

You should use the Inspector Browser to check the classes you want to apply your code, according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ You should create it yourself because it’s custom-service and we cannot provide this kind of services, sorry!

Thanks for your understanding!

Hello Jode,

First of all, try to make these changes directly from TD Composer and then you should use the Inspector Browser to check the classes and create your own CSS code which has to be added in Theme panel -> Custom CSS area. Notice that all of these involves doing such a custom work and we cannot provide something like this at the moment, sorry! You can check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

You can change the font and font properties, experiment with different fonts for example
– https://www.screencast.com/t/PMLwcHq2Ul

You can also color the menu in the theme panel, and set a background color maybe
– https://www.screencast.com/t/93PXYiHkpK

Or if you still need some additional modifications, you could use CSS to make modifications to the header
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi Lukas,

You should customize it yourself via FTP way, as you can see here -> https://www.screencast.com/t/68vuUqH1TKy Also, you should use the Inspector browser like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello thalesbrandao,

If you want to stylize that section, you should do it yourself using such a custom CSS code for that area and place it in Theme panel -> Custom CSS code. As a hint, you can try using the Inspector Browser element from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Check if there are enough resources
– https://forum.tagdiv.com/requirements-for-newspaper/
Test with a different browser and see if the grid loads. Those masonry grids have a history of slow loading or not loading at all in some cases. Check if there are any errors in the page that has this problem, with the browser inspector console.
Also try as a quick test with all other plugins deactivated, leave theme plugins only.

Hello Fortnite Viet Nam,

Notice that demo is available on our demos list which can be loaded from Theme panel and it’s made with Woocommerce plugin. It’s a custom-made demo and if you want to re-create it you should import it or create it with our page builder. As a hint, you should try using the Inspector Browser to check how it’s made. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

You should create a new page using the TagDiv composer and Woocommerce shortcodes:
https://docs.woocommerce.com/document/woocommerce-shortcodes/
Shortcodes are implemented like so in the TagDiv composer: https://www.screencast.com/t/LFAFqmzqyfIO using a column text element.

As a note, the tag div composer can only edit pages that have been originally created with it. The shop page is created by Woocommerce so it cannot be edited. Only replaced by a new one. Please use this guide to set another page as a shop page: https://docs.woocommerce.com/document/configuring-woocommerce-settings/

Also, you can check the following topic from here -> https://forum.tagdiv.com/topic/how-to-display-products/

Thanks for your understanding!

Hello Rohit Sharma,

Notice that demo is available on our demos list which can be loaded from Theme panel and it’s made with Woocommerce plugin. It’s a custom-made demo and if you want to re-create it you should import it or create it with our page builder. As a hint, you should try using the Inspector Browser to check how it’s made. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Those codes are more as a suggestion, there is a chance they might not work, depending on the settings used. For a more accurate solution and not guesswork, please provide a link to a post or page where these elements are located on your website. Then I will give you a solution for your case.
Codes like these can easily be created, with the powerful browser inspector tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will help you do it.

Thanks

Hi,

For the dropcaps please check this topic, there are some suggestions there
– https://forum.tagdiv.com/topic/change-list-number-color/

Quotes can also be colored as you make them
– https://www.screencast.com/t/y4sB7txT0mIJ
Or all at once with a code, like this for example should work
– https://www.screencast.com/t/Q4BVx2dNXhv

.td-post-content blockquote p {
color: yellow;
}

Custom CSS code can be entered in the theme panel, more abut it here
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

The theme offers a total of 5 stars for the reviews. There are three review options, stars, percentages and points. A preview of all in these posts
– https://demo.tagdiv.com/newspaper/td-post-why-tech-accelerators-may-soon-be-as-irrelevant-as-an-mba/
– https://demo.tagdiv.com/newspaper/td-post-htc-nexus-8-with-64-bit-processor-4gb-of-ram-and-8mp-camera-leaks/
– https://demo.tagdiv.com/newspaper/td-post-intel-claims-new-ssd-750-drives-are-its-fastest-ever-for-desktop/

Let me know if you have more questions, I will try to help you.
Thanks

Hello Alexandr Andriitsev,

You should use a bit of CSS code for mobile mode if you want to change that color. Try to use the Inspector Browser to create your own CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, you can provide your website URL so I can provide a more accurate code.

Thanks for the message!

Hi,

@wizimatic You could wrap the code in a div with a custom class, like this
– https://www.screencast.com/t/BR1BkgCP1TC
Then refer to that class and style the date as you want
– https://www.screencast.com/t/AeY3jqDq9fo8

– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

You can enter CSS in the Theme panel->Custom code sections. Create it with the browser inspector and then enter it there
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

So most likely you get the infinite loading animation, the first thing to check would be the theme requirements, in the system status panel
– https://forum.tagdiv.com/requirements-for-newspaper/
Insufficient resources can cause many issues with the theme or the plugins, if needed ask your hosting provider to increase them as specified.

After making modifications check if the issue is solved. If it persists check with the browser inspector while trying to access the theme panel sections. Check in the console tab to see if there are any errors. In some cases the server firewall or some security settings were causing problems with the theme panel
– https://forum.tagdiv.com/topic/cant-save-theme-options-2/

Let us know if there still is a problem.
Thanks

Hello jauburn,

If you want this such a customization, notice that you should implement it yourself and create the custom CSS code according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ If you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hi,

We tested default Adsense ads and they work properly, with DFP I couldn’t say why that is happening. Check in the browser inspector console if there are any errors, there could be indications as to why the ad is not displayed. It is unusual however that only the header ad has this problem.

Also check some online topics with suggestions
– https://stackoverflow.com/questions/45742159/why-are-my-dfp-ads-not-showing-up
– https://support.google.com/dfp_premium/answer/1739296?hl=en
– https://webmasters.stackexchange.com/questions/93033/dfp-shows-inventory-released-and-not-showing-ads

Thanks