Search Results for 'browser inspector'

Hi,

Well if you did not add the code, maybe a plugin did. Please try to remove the code I provided and simply disable all plugins except visual composer,clear cache and reset cdn files if you use it. Then check the email address again and see if it’s still transparent. Here is the reason why I said it was something you or a plugin added. All the css that comes from the theme will have style.css shown in the right of the code like so (using the chorme browser inspector): http://screencast.com/t/wn3GWX7vD That is a clear sign that the css comes from the theme. Now, other css rules that do not come from the theme, will not have the source as the theme;s style.css like the transparency rule that you have on your site. It is still there but it’s been re-writen by my code as you can see here: http://screencast.com/t/LLiFJ4kS

Thank you!

Hello Wildwood,

I guess that you want to achieve the similar layout with our Car News demo, right? Please notice that this demo is fully available in Theme panel and if you want you can install it, according to our documentation here -> https://forum.tagdiv.com/newsmag-installing-demos/ -> https://forum.tagdiv.com/import-revolution-sliders-on-demos/ Notice that this is the surest way in this regard….each of demo has own CSS which can be found here -> http://screencast.com/t/61PADe0Gcj9t Also, using your Inspector browser you should inspect our demo and identify what elements are used in that demo. You can check our tutorial in this regard, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hi,

This is the code you need to alter the menu hover underlines:
.sf-menu > .menu-item-66 .current-menu-item > a:after, .sf-menu > .menu-item-66 .current-menu-ancestor > a:after, .sf-menu > .menu-item-66 .current-category-ancestor > a:after, .sf-menu > .menu-item-66:hover > a:after, .sf-menu > .menu-item-66 .sfHover > a:after, .menu-item-66.sfHover a:after, .sf-menu>.menu-item-66.current-menu-item>a:after, sf-menu>.menu-item-66.current-category-ancestor>a:after {
background-color: red !important;

This whole bunch is for a single menu item. I added the culture menu item to be highjlighted in red. Now for the rest you will have to duplicate the code for each menu item and change the menu number in the code for each of your menu items. You can use the browser inspector to see the menu item number for each menu item.
http://screencast.com/t/oO2Npb01le

Thank you!

Hello Diego Acero,

Unfortunately, all of these requests involve additional customizations which involve time-consuming and please notice that we do not have a custom work departments and we cannot provide this type of services, sorry! If you want to do that, please notice that you should yourself investigate it and using the inspector browser you will have to create your code for your desire. We have a useful tutorial in this regard which can be accessed here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you want to display more levels in this regard 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 we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

You can hit f12 or right click and hit “inspect” Here is a brief guide on how to use it :
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hello,

In order to know where to edit the code you must first figure out what that element is. it is a block. Blocks use modules as 1 block is made out of 1 ore more modules. In order to figure out which module is that, you can either use the browser inspector or the theme panel category tag list here: http://screencast.com/t/CxcUgpioMHis
Once you identify the module used, you can edit it;s code. For example if I want to modify module 1’s category tag, I would access this file: http://screencast.com/t/tvijQiZJxeTy
You can then use css to target the category tag and position it properly (after you modify the code)
I’m not sure what you mean by replacing the date on the social share links…please provide more details to what social sharing options do you mean and what date are you referring to.

Thanks.

Hello,

You can use the browser inspector to find any container that you want to add an image to. You can see the container size like so: http://screencast.com/t/4uWR9phY

I hope this helps.
Thank you!

Hello Steven,

You will have to use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td_block_text_with_title p, .td_block_text_with_title{
font-size:11px!important;
};

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

On the future, please try to use it yourself the inspector browser according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

You can see the color using your browser inspector: http://screencast.com/t/iAErGLv90eE

Thank you!

Hi,

Please remove all your css regarding the menus and just use this code:

.td-header-style-5 .td-header-menu-wrap .sf-menu > .menu-item-11805 > a{
color:yellow;
}
.td-header-style-5 .td-header-menu-wrap .sf-menu > .menu-item-11807 > a{
color:yellow;
}
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a{
color:white;
}

In the code simply switch the menu item numbers to correspond to your menu item classes. You can see the menu item number if you use the browser inspector: http://screencast.com/t/STExSf01

Thank you!

Hello mabaz,

You can use a bit of CSS code to change this color for your comments. As a hint, you will have to use your Inspecter and try to target the class for these and change the color. For more information about how you can use your inspector, please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Also, if you need more assistance in this regard, please provide your website so I can provide a more accurate response.

Thank for your understanding!

Hello,

If you want to ad spacing between widgets, you will have to use css and the browser inspector to do it. The theme has no setting to add or remove any block spacing. Here is a guide on how to use the browser inspector and create the css code you need: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Here is an example: http://screencast.com/t/W86bBb4bO
Unfortunately there is no general code to ad or remove spacing. Each element has it;s own positioning. You will have to edit each element to do it.

Thank you!

PS. The spacing problem on your site comes from somewhere else. THe theme does not have any elements without spacing. You do not have to add spacing but rather find the source why the element does not already have the theme spacing.

Hello,

1. The fonts can be changed for each module in particular. The module is the base element in our theme. A block consists of 1 or more modules. You can find a list of what modules are used on what block here: http://screencast.com/t/brl5OaBYkP Then you can access this part of the fonts section: http://screencast.com/t/Xf935WZJe6k
2. Every part of the site can be changed from the block settings. Our default fonts are ‘open sans’ and ‘roboto’
3. If you do not use the blockquote elements, yopu can try to use a span around the ” and add an inline css to it like this link suggests:http://www.w3schools.com/tags/tag_span.asp
4. We did not add a specific values for the elements. They were set with the value the designer considered them to display properly in. If you want to see what font size a particular element has, you can use the browser inspector to do it. You can use this guide on how to use it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
5. You can find the color settings under the theme panel-> theme colors tab here: http://screencast.com/t/Vv67faEMMX

Thank you!

Hello redarmy,

The site is made using our Default Theme, without content, with yours content and layout. If you want to achieve something like this, you will have to install our theme with Default Demo and then, using the Inspector tool, you can notice what type of elements are using in that website and then you should implement/add on your side. We made a tutorial which may be helpful in this regard: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

The small module of block 18 is a module mx2. You can change the font size for each module from the fonts section like so: http://screencast.com/t/HKcuZ5UkAr
In order to know which module is used on which block you can either use the browser inspector if you are familiar with it of check this list: http://screencast.com/t/YMUq0Xmtjv4

Thank you!

Hello,

Each menu item has it;s own unique id you can see in your browser inspector. You can use that id with css like
so:
.menu-item-9567{
display:none;
}

.logged-in .menu-item-9567{
display:block!important;
}


Simply place the code in the custom css box and change the menu item number with your own.

Thank you!

Hello,

Yes I meant a single semicolon. Sorry. if a css code that you add in the custom css area dos not apply, then you need to check the code above for any open tags. Please make sure every tag in the code above the one you want to insert is closed properly. Also test without the child theme. Activate the main theme as if the child theme was not updated properly it could create issues. When we create css code we use the browser inspector and a chrome extension called live css editor. When you create a css and add it to the live css editor and it works, it should also work from the theme panel->custom css box: http://screencast.com/t/XutAAsbZ6H8

I hope this helps.
Thanks.