Search Results for 'browser inspector'

Use the browser inspector to check how the grids will display in terms of responsiveness
– https://www.screencast.com/t/T4nEq1GTb
These results would be more accurate, since this is how they will look when loaded on specific devices.

Hi,

The theme has font settings in the theme panel for most elements
– https://forum.tagdiv.com/font-customization/
So you can change the font and font properties there for the elements you wish. For example the font of the article title for the homepage post element you mention, can be changed here
– https://www.screencast.com/t/lo4zrqe6
– https://www.screencast.com/t/rkiKZXH05
– https://www.screencast.com/t/wWcH0tU3jPsH
Each module has a corresponding font setting. You can check what font is currently loaded for a particular element, with the browser inspector for example
– https://www.screencast.com/t/zJJqIquzo1C

Regarding the logo, from what I can see there is no problem. Tested on Chrome incognito and Firefox browser
– https://www.screencast.com/t/9jcfDwVDvG
– https://www.screencast.com/t/3Y6Sv7Uj
Once set in the theme panel the logo should display regardless of browser used
– https://forum.tagdiv.com/logo-favicon/

Thanks

Hi,

You could inspect the elements with the browser inspector, see why they display like that
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Create code to style the elements as you wish. I cannot see the messages since I cannot make them appear.

Thanks

Hello Prajwal Desai,

If you want to style your quotes with that style you should do it yourself because this task involves doing such a custom work and we cannot provide something like this at the moment, sorry! As a hint, please check our useful tutorial for Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The theme does not have any such an option that allows you to turn off all the ads for the whole theme. You should try using such a custom CSS code for this behavior or simply remove the ad code from Theme panel.
Please refer to the following topic from here -> https://forum.tagdiv.com/topic/how-to-make-this/page/2/ because there you will find some useful steps which you need to follow in order to achieve as you wish.

Thanks for your understanding!

Hello Pradeep Augustine,

You should use such a bit of CSS code if you want to hide the featured images for such a post from a certain category. Please use the Inspector browser, take the specific category of your featured image. Below I gave you a simple example how you should be done.

@media (max-width:768px){
.category-lifestyle .td-post-featured-image{
display:none;
}
}

The result can be found here -> https://www.screencast.com/t/T0Oj6Yqk

Thanks for your understanding!

As I mentioned before this can be achieved through custom modifications of the element. The grid present in that website is modified to display like that.
By default it looks like in the live demo, with a scroll not vertically
– https://demo.tagdiv.com/newspaper/big-grid-6/
You can use the browser inspector to see how the element was modified
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

You could use some CSS to style the scroll button as you wish. The browser inspector is a powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For example such a code will do the job, you can make modifications to it
– https://www.screencast.com/t/qSqAV9S1e

.td-scroll-up {
background-color: green;
opacity: .5;
}

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

Thanks

Hello designr,

Please notice that our theme does not have any such an option that allows you to achieve 3 border colors above the footer section. This task involves doing such an additional customizations. You should use the Inspector browser with which to inspect the footer section of your website example. It is required to make some additional classes and then you should use such a custom CSS code for this. As a hint please check here -> https://www.screencast.com/t/bnSSre1g0H

Hope this helps!

Thanks for the message!

Hi,

That could only be done with custom code. You can use the browser inspector for this, inspect the elements used and create the code. A similar border can be set like this
– https://www.screencast.com/t/XmN2EYR6Ff8

.td-header-style-5 .td-main-menu-logo,
.td-header-style-5 #td-header-menu .menu-item {
border-right: 1px solid white;
}

Then you can color the menu items as you wish, like in this topic
– https://forum.tagdiv.com/topic/changing-the-themes-colour-per-page/

This is a guide for using the browser inspector to make this kind of customization, It is a very powerful tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

If you customized the socials in the child theme, then you might need to modify and adapt the customization. The socials have changed since the latest update, there were changes to the classes used as well.
Depending on what you want to do with them you will have to make modifications in the child theme customization. Use the inspector to identify what has changed regarding the socials
– https://www.screencast.com/t/FtVF9f6w8PE
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Note that there are many styles available for the socials in the theme panel, you might not need modifications
– https://www.screencast.com/t/XlRvuvBl
The twitter button was removed from the theme, since it does not display a counter anymore for a while now.

Thanks

Hi,

@admin_kh First check the theme system status as instructed
– https://forum.tagdiv.com/system-status-parameters-guide/
Ask your hosting provider to increase the allocated resources if needed, according to the guide.
Check the PHP version, the theme is tested with versions up to 7.1 higher versions can create issues.
Additionally deactivate all plugins except theme plugins as a quick test, check if this has any effect.
Use the browser inspector console to spot errors while saving the panel settings
– https://www.screencast.com/t/VLAPJ6f8D
In some cases the server firewall or security configuration denied the theme request, causing the problem.

Thanks

Hi,

@liberoarbitrio I have inspected the website, browsed some posts. The socials are loaded properly for me on initial loading
– https://www.screencast.com/t/THZOyqt8E
I did not have to do anything with the mouse to make them appear. Tested on Chrome and Firefox browsers.

@angelgallegos The socials are not displayed at all. From inspecting the issue it seems they have opacity 0 so they are invisible. If I correct the opacity in the inspector they still do not display properly, there seems to be some text that appears for each social
– https://www.screencast.com/t/SVgRQ0Xf
I could not say what that text is, could be added by a plugin. You could make a quick test and deactivate all plugins if possible, then clear all caching again. Check if this solves the issue.

Thanks

Hello Marie,

You should use the Default Demo install with or without content if you have your own content and then, you should inspect this example with Inspector browse to see what kind of blocks are used in it. Please check our useful tutorial from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hi,

1. Please provide a link to your website so we can inspect the issue with the spacing. Use the browser inspector to try and identify where the space is coming from
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

2. This is unusual, I have not seen this before. SO on the website there are currently 2 footer sections. That would suggest the theme is not working as it should or has not been installed properly. Or maybe if you made modifications to the theme files.

3. The tagDiv composer does not have woocommerce elements. It will render however woocommerce shortcodes added in text elements for example
– https://docs.woocommerce.com/document/woocommerce-shortcodes/
– https://www.screencast.com/t/wgwbT4aD9HiZ
– https://www.screencast.com/t/QLEEfpppEu

4. I don’t quite understand what you are entering in the footer (if that is the footer) and how exactly you are viewing the footer in the backend.
Please provide more specific details so I can be able to maybe recreate the issues, or links to where this is happening so we can inspect them.

Thanks

Hi,

@3rdhub Usually saving issues are caused by insufficient resources, having the server an WordPress parameters set according to the guide is a requirement
– https://forum.tagdiv.com/system-status-parameters-guide/
In other similar cases the issue was caused by security plugins or server firewall configurations. Check with the browser inspector in the console while saving settings in the theme panel, see if there are any denied requests
– https://www.screencast.com/t/kWNf8Yvkgl
Please let us know the results.

Thanks

Hello arirasanen,

You should change it with a bit of CSS code and place it in the custom CSS area corresponding to Mobile Devices from here -> https://www.screencast.com/t/tpFKPzLKK3
You should create your custom CSS code which you want according to the following useful tutorial from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and target what kind of class you want for mobile devices.

Thanks for your understanding!

Hello,

1) Sorry but there is no simple way to decrypt.
2) It will not affect seo. It is only encrypted in the back-end of your site. If you inspect the code using the browser inspector, you will see the markup is intact.

Thanks.

Hello jgrusky,

You should try using the CSS code. In order to create it you should check the inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find a way how you can create your own custom CSS code.

Thanks for the message!

Hello Somosung,

Unfortunately, the theme does not have any such an option that allows you to change the smart list content font or size, sorry! You should use the inspector browser to do this, according to our documentation regarding on how you can create your Custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello PedroFumero,

If you want to remove that section you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-meta-info, .td-excerpt{
display:none;
}

Also, if you want to be more specific you should use some restrictive classes for what modules you are using for your blocks. More useful for creating a more accurate code is Inspector Browser. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

I have inspected your website and I saw that buttons do not come from our theme and also, please notice that we cannot provide support for your untested plugins. If you want to manage the style of these buttons you should do it yourself using the inspector browser according to our useful tutorial from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hi,

That could happen if you made modifications to the theme files, or you used custom code. On a default theme this does not happen. Without inspecting the website I could not give you a solution, if you could provide a link I will inspect it.
Use the browser inspector to try and identify what could be the cause
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

I need to have your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response to you. You should try using a bit of CSS code for the text alignment. Just using the Inspector Browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hi,

The links will inherit the theme accent color set in the theme panel. If you could specify exactly which link colors you would like to change, I will try to give you a CSS solution.
For example if you are referring to links in the post content, something like this will work
– https://www.screencast.com/t/etyRqnM9

.td-post-content a {
color: yellow;
}

This code will apply to all links in the post content, for all posts, once entered in Theme panel->Custom CSS.
Minor customization can be made by using the browser inspector tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello ultimate28,

You should reduce it if you are using a bit of CSS code. Try to inspect that section with the Inspector Browser and try to create your custom CSS code, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!