Search Results for 'browser inspector'

Hi,

So you are setting a logo in the theme panel, and it is not displayed on the website. That could be caused by caching, try clearing all caching installed.
Or what happens is that you set the logo in the theme panel, and the setting is not saving. If that is the case please check while saving, in the browser inspector console to see if there are any errors
– https://www.screencast.com/t/ahYQ49sd3

Thanks

hello,

Unfortunately without inspecting the site itself we cannot offer any insight. We have to see the site and use the browser inspector to see the code and why the image gets a low quality thumb.

Thank you!

Hi,

The Black demo has custom design and styling, that would not be possible with theme options. It is specific to the mentioned demo. You could achieve it with custom CSS. Take inspiration from the demo stylesheet and see how it was made
– https://www.screencast.com/t/vapyFaSR4nq
It may not be easy to achieve this without installing the actual demo, but it can be done. For example you can experiment with a code like this, for a black TV category page
– https://www.screencast.com/t/z9kXpFHW3Eu

.category-tv .td-container-wrap {
background-color: #1a1a1a;
}
.category-tv .td_module_11 a,
.category-tv .td_module_6 a,
.category-tv .widget a,
.category-tv .td-footer-instagram-title,
.category-tv .td-page-title,
.category-tv .header-search-wrap .td-icon-search,
.category-tv .sf-menu > li > a {
color:#fff;
}

Add more elements in the code as you identify them, use the browser inspector to do it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

Header style 1 has a limit for the logo size. That is required because there is limited space available in the header, for the logo and header ad
– https://www.screencast.com/t/ePaoxW9U3
Each header style displays the ad in some way, maybe you can find a different header style that you can use if you require a bigger logo image
– https://forum.tagdiv.com/header-styles/
Or try and customize the header to accommodate the bigger logo if possible. You can create custom code with the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will try and help you if you will provide a link to your website, where you have uploaded the bigger logo.

Thanks

Hi,

The menu supports Font awesome icons, they can be added like this
– https://forum.tagdiv.com/how-to-add-icons-in-menu/
You could maybe implement you own icons, with customization. Maybe something like this example, but for each menu item if you require different icons
– https://www.screencast.com/t/KjDE5pBRs
I used an icon form the media library in the example, this is the code if you want to make experiments with it

.menu-item-19934 a {
background: url("") no-repeat;
background-size: 25px;
background-position: center top;
}

The menu items IDs can be found with the browser inspector
– https://www.screencast.com/t/Gvs0RYpAs
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

If you want the same icon for all the menu items, try it like this
– https://www.screencast.com/t/jtc2gypPbvv

.sf-menu > li > a {
background: url("") no-repeat;
background-size: 25px;
background-position: center top;
}

Thanks

Hi,

Maybe the plugin is removing the paragraphs, but I could not say why it is doing that. Use the browser inspector and see if that is the case. The post or page content by default has paragraphs, like this
– https://www.screencast.com/t/HQXq8807vVJa
Maybe the plugin is removing these, causing the text to be displayed continuously.

Thanks

Hi,

Please note that the mega-menu is not intended to display like that. It would probably take some customization to make it display the way you want. You can use the browser inspector and identify the elements used and their classes, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Something like this for example – https://www.screencast.com/t/taKiYgK3hN
You can further modify and perfect the code, then enter it in Theme panel->Custom CSS

.td_block_mega_menu .td_mega_menu_sub_cats {
float:right;
text-align:left;
}

Thanks

Hi,

You could use some CSS to customize how it displays. Something like this will work for the present situation
– https://www.screencast.com/t/MVOHZ7MTcW
This is the code used, enter it in Theme panel->Custom CSS if you decide to use it

.td-menu-background,
.td-mobile-container {
width:75%;
}

You can use the browser inspector to identify the elements present on the page and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

It will require to load the font first, then apply it wit CSS for the elements you want. This is a similar topic – https://forum.tagdiv.com/topic/change-mobile-theme-font/
More useful information here – https://developers.google.com/fonts/docs/getting_started
So load the font first, then identify the elements where you want to apply it with the browser inspector for example
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The scroll to top arrow does not have any options to change it. It could be customized with custom CSS code, depending on what you would like to do to it.
A code like this in Theme panel->Custom CSS will remove it

.td-scroll-up {
display: none;
}

A code like this will align it to the left
– https://www.screencast.com/t/sfpRytLmi

.td-scroll-up {
left:5px;
}

You can use the browser inspector to further customize the button, if you wish
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello JessieT,

Yes, it’s possible if you are using such a custom CSS code. Check the following documentation here -> https://www.w3schools.com/cssref/css3_pr_text-justify.asp and here
-> https://www.w3schools.com/cssref/pr_background-color.asp We have a useful tutorial for creating an own custom CSS code. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hi,

That color will be displayed only on category and post pages. On the homepage the category tags will have a default color. You could change them in general as you mention, or maybe by block and module type. Use the browser inspector to identify the classes and experiment with custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Block can have custom classes set, you can use that as well to affect the tags more specifically.

Thanks

Hi,

You can create your code so it applies only on the category pages you want. You can use the unique category IDs to make the code more specific. If you inspect a category page, it can be seen that the ID is displayed as a class on the body
– https://www.screencast.com/t/yyqt6YccQ
So you can create your CSS code based on this ID. Here is more information about using the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In this example I have changed the color of the category description, only for a particular category page
– https://www.screencast.com/t/xXCx8f7ojg

Thanks

Hello modocmag,

Unfortunately, our theme does not have any such an option that allows you to make you each menu item to have another color, sorry! You should do it yourself using the CSS code according to our useful guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ This task involves doing more custom work and please notice that we cannot provide this type of services at the moment, sorry!

Thanks for your understanding!

Hi,

The admin ajax could be blocked by the server, doe to the multiple requests it makes. Open the browser inspector in the theme panel, and select the console tab
– https://www.screencast.com/t/LfjiX2pY34zA
Then check if there are any errors while saving a setting in the theme panel, they will appear in the console. In some cases the admin ajax process is blocked by the server firewall or security settings, causing this issue
– https://forum.tagdiv.com/topic/cant-save-theme-options-2/

Thanks

Hello Noog,

You should target the particular ROW and COLUMN with the CSS code by a ROW and Column ID. You should check the following useful manual here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to create your own custom CSS code.

Hope this helps!

Thanks for your understanding!

Hi,

That would be the easiest way of doing what you want. You can multiply the code for other categories, if that is needed. The theme panel settings will affect all the posts, it is a general setting.
Inspect the page with the browser inspector, identify the elements you want to hide and create custom code, or adapt the one mentioned
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The only element in your list that can be disabled per post with a setting, is the comments
– https://www.screencast.com/t/55jQeRzRee

Thanks

Hi,

It would be helpful if you could provide a screenshot, so I can see the exact issue. Or a link to the actual list, if possible. You can make modifications to the code to display better, adapt it further.
Use the browser inspector for this, it will allow you to identify the element and make modifications to it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The slider element is complicated, more then a simple module. It will be hard to modify it, there are a lot of complex elements and classes used. You can use the browser inspector to identify the classes used and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I believe there are overflow conditions set on the slider container, that could prevent the positioning of the meta.

Thanks

Hi,

The theme doesn’t have an option for this. You could install a demo which has the specific design like Magazine – https://demo.tagdiv.com/newspaper_magazine/
Or you can create a custom css for your site – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks!

Hello sector,

If you want to hide only an icon from Social Icons you should target it by a custom CSS code and for this, you should use the Inspector browser to create your own code, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!

Hi,

There is no option for that, in modules the categories will be always a predefined color. You could change the category tags on modules with custom CSS. Use the browser inspector to identify the classes used, and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

1. The article title font properties can be customized for each module, in the theme panel font settings
– https://www.screencast.com/t/XXSFUVjqM9E

2. There are many Big grids and Full Big grids available, and different styles for each. You can see theme all here in the live demo
– https://demo.tagdiv.com/newspaper/big-grid-1/
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
If you want to modify certain visual elements on the grid, use the browser inspector to identify the classes used and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello Vegasrenie,

Please notice that our theme was fully tested with the smart sidebar functionality and it seems to work as expected on my side, sorry! Notice that functionality comes from Jave Script and this can be corrupted if you are using some untested plugins which can cause this effect. Try to disable all of them, leave just only bundled plugins to be active, clear all the caches and check the results. For more information about smart sidebar, please check the following documentation here -> https://forum.tagdiv.com/smart-sidebar-2/

The simplest way to achieving the Gadgets demo is to import the demo at your website and using it with your data/posts/pages. If you do not like this way, you should inspect our demo preview with the Inspector browser because in that way you can identify what kind of blocks element is used. For more details about this, please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hope this helps!

Thanks for your understanding!