Search Results for 'browser inspector'

Hello,

Well since the module was not intended to show the excerpt, there is no css for it. It has to be created for the excerpt to position properly. You will have to use the browser inspector and add a top margin or padding to the excerpt: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hi,

Well our theme does not have any option to increase the header height so it has to be done with css. You will have to use the browser inspector and identify the correct classes to use in the css: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Hello,

1. This could be because of your customization. Please restore the plugin and theme to it’s default code and test again. Try to disable all plugins except visual composer and buddypress, clear cache and reset cdn files if you use it. I cannot se this issue on my end so it is caused by something on your end.

2. The colors are added by the plugins and our theme has no option to change these colors. You can use this css code to change the black colors:

.bbp-search-form input[type=submit]{
background-color:red;
}
#bbpress-forums li.bbp-header{
background: none red;
}

#buddypress div.item-list-tabs ul li.selected a{
background-color:red;
}
.td-page-content .item-list-tabs .feed a{
background-color:red!important;
}

These colors do not have settings for them so they can only be altered with css. You will have to identify the ones you want to change and use the browser inspector to alter their color. If the plugin does not add any options for changing the colors, the theme cannot do it instead.

Thank you!

Hi,

Unfortunately i can’t say for sure why this happens. We didn’t do extensive tests with Google News yet, but we have it on our list

Google guideline for images can be found here – https://support.google.com/news/publisher/answer/13369
If everything is right then the issue must come from the way google interacts with the images delivered by CDN.
Use the browser inspector to check the page source, look for the og:image property to see if it changes once the CDN is active. You can also make some tests with cloudflare, see if it behaves the same.

Thank you!

Hi,

If you want to change the color of your price you should use the code below and place it in Theme panel->Custom CSS area.

.woocommerce ul.products li.product .price {
color: red;
}

The result -> http://screencast.com/t/ERoWpaG2I

Please provide some useful screenshots regarding on user small icon, password in checkout page (provide the exact link). Please notice that all of these depend on your customizations. You should use the inspector browser and try to change the color of the element yourself, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello cloin1,

Please try to make your own topic with your problem and there you should provide your website URL so I can inspect it closer. Until this, you should try to create your own custom CSS code using the Inspector browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello champagnemigraine,

Please keep in mind that each Big Grid and block is created from one or more modules, as you can see here -> http://screencast.com/t/6AcOjq2tMta So, if you want to change the functionality fo the Grid you should change the modules. Please notice that all of these you should do it yourself because we cannot provide custom work at the moment and if you are not aware of the steps in this regard, you should consider hiring a freelancer/developer to help you! A useful tutorial can be this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you’ll learn how you can use the Inspector Browser.

Thanks for the message!

Hello WebK,

You should try to use your inspect browser and try to target the specific classes and you should create your own custom CSS code. As a hint, you should consult your useful tutorial in this regard, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hi,

Sorry but our theme has no such menu spot. It can only be done through customization. You can use a simple css to move the last menu item/s near the search using a float:right property: http://screencast.com/t/Lhh095nGM
Change the code to match your menu item number (use the browser inspector) and place the code in the theme panel-=>custom css box.

Thank you!

Hello raunakniroula,

The font which is used in our demo is the default -> Roboto and Open Sans. I do not exactly understand what you mean, regarding on your problem. Please provide your website URL so I can inspect it closer and also, provide some useful screenshots with your problem so I can understand it better. In the future, please notice that you can use the Inspector browser to check all the elements from your website. Follow the steps from our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and then you can create your own custom CSS code. Notice that we cannot make your website and cannot make any custom work because we are unavailable doping this, at the moment, sorry! We only point you at the right direction.

Thanks for the message!

Hello,

1. I cannot see any white line in the top bar on your site. What line are you referring to?

2. If you do not want to change the color from the theme panel, then you can change it using css. If you want to find the css that affects a particular element, the browser inspector is the best tool to see it: http://screencast.com/t/GFm90kXriSR
You can also use the theme panel->custom css box

3. You can eithr resize it with css like so:
.footer-logo-wrap img{
width:20%;
}
or simply disable it from the theme panel-> footer section

4. You can use this css:
.footer-text-wrap .footer-email-wrap a{
color:red;
}

5. Sorry but our theme has no such options. You will have to search for a plugin or create it custom.

Thank you!

Hello raunakniroula,

Unfortunately, this is not a simple task to re-create the layout for a demo which is created with newspaper on the site which is using Newsmag theme, sorry! Please notice that this task involve time-consuming and we cannot provide support and assistance in this regard and please notice that you should do it yourself. As a hint, you can use the Inspector Browser to identify what type of elements were used in the Tech demo. Also, you can try to copy/paste the following code to your homepage and check the results -> http://pastebin.com/DTxF1ut4 This is the homepage layout for Tech demo. Please notice that it could be possible to need some additional customizations in order to achieve best results. If you are not aware of the steps in this regard, please consider hiring a freelancer.developer to help you!

Thanks for the message!

Hello pixelonline,

Unfortunately, we cannot provide custom work at the moment, sorry! Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/ The site provided by you, indeed, in created with our theme but it was customized by the owner. So, for the beginning, you should try using the Browser inspector to identify what type of elements are used in the theme. You should consult the guide here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Also, you should try to find some plugin with has this functionality for translating and test it with the theme.

Thanks for the message!

Hello raunakniroula,

I have inspected your website and I saw that you are using the Newspaper and you want to achieve the layout similar with Newsmag theme. The simplest way in this regard would be to install the Newsmag default theme. Otherwise, you should use the inspector browser and try it yourself to re-create the theme layout because we cannot provide additional customizations at the moment, sorry! Please consult this useful guide -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
For more information about the Featured images and the size of these, you should check the Theme panel, Blocks/Modules section and there you will see all the sizes, like this -> https://forum.tagdiv.com/newsmag-theme-thumbs/ -> https://forum.tagdiv.com/newsmag-category-tag-on-modulesblocks/

Thanks for the message!

Hello,

Our theme does not have any such options. This will have to be made custom. You will need the menu item id you can see with the browser inspector and then change the id in this code:
.menu-item-551{
display:none;
}
.logged-in .menu-item-551{
display:initial;
}

Thank you!

Hello SoNowner,

You should add the Block 24 layout from your Visual Composer. Please notice that each demo has own style if you want to have, for example, on the Say What demo the style from Car Blog demo, notice that you should do it manually. Also, you can use the inspector browser, check the style from your desired demo and then you should implement it yourself. As you can see here, each demo has own custom CSS code, like this -> http://screencast.com/t/l4xYTpxI
If you want to make some additional customization to our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because wee cannot provide custom work at the moment, sorry!

Thanks for the message!

Hi,

You can see any element’s class using the browser inspector. Here is a brief guide on how to use it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I’m not sure which left you are referring to though there is a quote left, quote box left or pull quote left.
Here are the classes for each one:
.td_quote_left{}
.td_box_left{}
.td_pull_left{}

Thank you!

Hello Socha17,

If you want to change the size for your mega menu page, you should decrease some paddings, like the code below ->

.td-mega-menu .wpb_content_element li{
padding:0 !important;
}

If you want to make some changes, notice that you should do it yourself because we cannot provide custom work at the moment, sorry! You can try using the Inspector to create your own custom CSS according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your message!

Hi,

The mobile theme as you know has a different header ad than the desktop theme: http://screencast.com/t/5CyGWerl
If you only want to remove it on the mobile homepage you will have to add a condition around this code:
http://screencast.com/t/ZIMmqfCqcdx8
You will have to use is_page and use the page id number (you can see it in the browser inspector when inspecting the mobile homepage) as the is_home function will not work on the mobile theme.

Thank you!

Well the min-height will not decrease the height of a container but rather specify the minimum height it can have. If the height is already set, the min height will not be able to decrease it. If you want to add a specific height to a container you can use either the ‘max-height’ or simply ‘height’
Your code simply tells the element it cannot be under 10 pixels height, but it does not specify the height in an absolute manner.
This explains it better than I can 🙂 http://www.w3schools.com/cssref/pr_dim_min-height.asp
Wehn experimenting with css it;s best to use the browser inspector and see if your code applies or not. We use both the browser inspector and a chrome extention called live css editor (free) http://screencast.com/t/CEIUgy8xIi2O to make sure the css applies. We usually add the !important property when the code does not apply.
I hope this helps a bit.

Thank you!

Hello richmond,

Unfortunately, there is no option to remove Newsmag Demo templates, sorry! All of these are available in our theme panel and could be installed. Eventually, you should use a bit of CSS code to hide the demos which you want to hide to prevent the installing another demo. Look at the following screenshot and can use the same method to hide which demo you want to get rid out, like this -> http://screencast.com/t/DV2pvERbsEX You should be careful because you can break the theme layout. You can check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hello rahulagg25,

Please keep in mind that it is just the same thing. If you are choosing the layout without content, you should create your own content from scratch. If you want to create the same with the demo, you should use the Inspector Browser and try to replicate it to your website. You can consult our tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ or you can try to use the demo with content. Please notice that you will choose the demo with the content, if you will edit them with your own content and in the future, you want to change the demo, all your data will be lost, whereas if you will use the demo without content, this will remain loaded at your database.
If is not what you mean and if the above information is not useful for you, please provide more details about your problem, provide your website so I can inspect it closer and also, so I will be able to provide a more accurate response.

Thanks for your understanding!

Hello,

I;pm not sure what customization you made and how you implement the images but this is not a standard implementation of a featured image. You use post template 1 but there is no featured image shown on the post itself. I just see an iframe. There is no code for the featured image as well in the browser inspector. The blocks need the featured images to be contained in this css class:
td-post-featured-image
There is no such class on any of your posts including the ones that are showing the featured image on your homepage. I;m not sure how you use the theme api to add a featured image but you need to add it by the standard method of pressing the ‘set featured image’ button and selecting a file from your media library.
We cannot guarantee our blocks will work with custom implementation of featured images.

Thank you!