Search Results for 'browser inspector'

Results from the Forum
Catalin
tagDiv Staff

Hello Arafat,

This is a customization and we cannot provide this kind of services at the moment. Please check the following tutorial from here -> https://www.w3schools.com/css/css3_shadows.asp for more information about how this can be done. Also, you need to use the inspector browser which helps you create your custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello interfans,

You should target only that Block from this page. I suggest you to use the Inspector Browser to create your own custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello eivindert,

Did you have used the Inspector Browser? With this element, you can see what kind of element is used at your page. Check the useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Check the following screen here -> https://www.screencast.com/t/o8nPOHFlJl

Thanks for the message!

Simion C.
tagDiv Staff

Hi,


@Watashi10
You could use some CSS for that, the theme panel will allow a color to be set as background, but not a gradient.
There are quite a few gradient generators if you want to use one, for example
http://www.colorzilla.com/gradient-editor/

Apply it like this – https://www.screencast.com/t/S5Xk15t0gotE

.td-header-main-menu {
your code here
}

More about gradients here – https://www.w3schools.com/css/css3_gradients.asp

Also a guide for the browser inspector tool here
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Catalin
tagDiv Staff

Hello Syams,

Notice that here is talking about a style of a demo. Each demo has a specific style which was custom made and if you want to have the same layout you should load that demo. This is the easiest way in this case. Also, if you do not like this, you should try using the Inspector Browser and try to replicate the layout. For more information, please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Simion C.
tagDiv Staff

That is possible. There are even tools to choose the colors
https://www.w3schools.com/colors/colors_picker.asp
Maybe choose a color similar to the block headers for example
https://www.screencast.com/t/YJ78QpVD

You could also experiment with shadows, there are plenty of generators available
https://html-css-js.com/css/generator/box-shadow/
https://www.screencast.com/t/nibOPkNb

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

Simion C.
tagDiv Staff

Hi,

Try to force refresh the page in the browser (should be Ctrl+Shift+R). Try in a new page, also with a different browser.

Also check if there are any errors in the page, open the browser inspector console and check if there are any errors there
https://www.screencast.com/t/xX2peiCin

Thanks

Catalin
tagDiv Staff

Hello interfans,

As a quick example, you should try using the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.td-module-title{
background-color:green;
}

The result is here -> https://www.screencast.com/t/6b6kIACdlh

If you need a deep customize, notice that you should do it yourself, using the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Ok. No problem.

The menu uses an id so in order to target it you would use #td-header-menu
Depending on the menu though. If you want to target individual menu items, you would use
.sf-menu li
The easiest method to find the classes is to use the browser inspector: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Catalin
tagDiv Staff

Hello,

2)I have tested again your website on iPhone5 and it seems to look as expected, as you can see here -> https://www.screencast.com/t/ExclOuTue
3)Here is talking about custom work and we cannot provide this kind of services at the moment. Try to use the Inspector Browser according to our useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
4)You should use the Inspector browser and try to create your own custom CSS code.

Thanks for your understanding!

Catalin
tagDiv Staff

Hello drjeff_007,

You should create your custom CSS code for that post page. Check the inspector browser and try to create your own CSS code for that changes. Read here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Bogdan B.
tagDiv Staff

You can try this code:

.td-post-content .vc_btn{
background-color:#ff6600;
color:white;
}
.td-post-content .vc_btn:hover{
background-color:#444;
color:white;
}

result: https://www.screencast.com/t/9JZxi8g7ro

You got the general idea now of how to change the css for a button.
Please use the browser inspector and create the custom code by using this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

This css represents customization as well and custom work is not covered by the theme support.

Thank you for understanding.

beppepicaro
Participant
#0

Hello,
Now that I am switching to the tagDiv composer I noticed that the composer width is not enough to accomodate the whole column, I checked with the developer tools and noticed that if I disable this line: “width: 317px;” I can see all the composer elements in their glory.
I use google chrome on a mac, but no matter how I widen the browser, the composer window is still not wide enough.

To clarify I paste here the code.

.tdc-inspector {
overflow-y: scroll;
width: 317px;
height: 100%;
}

Simion C.
tagDiv Staff

Hi,

Surely there must be a plugin that works, plugins that deny access to the browser inspector or seeing the page source. I have seen this on many websites with the theme, but did not check what plugins were used unfortunately.

Maybe some other users can share their experience with such plugins.

Thanks

Simion C.
tagDiv Staff

Hi,

That’s unusual. What are those errors in the inspector console, it says there are 8 errors?
https://www.screencast.com/t/kXbJl68A8IVh
What browser are you using, could you make a quick test with a different browser?
Also do you have a demo installed? Or maybe do you use a child theme?
The design seems broken and also different when comparing my result with yours. Like it is not loaded.

Could you also make a quick test with a default theme and buddypress pages?

Simion C.
tagDiv Staff

Hi,

I have made a few tests with the latest theme and the buddypress plugin, the results are like this
https://www.screencast.com/t/2Xo01YyC
https://www.screencast.com/t/XjigoXVYE
I used only theme plugins and buddypress at the time of testing. Seems the styling is broken in your case.
Does it happen if you test the same way, only theme plugins and buddypress? Also are there errors in those pages if you check with the browser inspector in the console?
Let me know.

Thanks

Catalin
tagDiv Staff

Hello wdziedzic,

Please use the Inspector Browser and try to create yourself the code you want to achieve because we cannot provide additional customizations, sorry! Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello aresglez,

Our Header Style 1 looks like different than your desired example, sorry! You should create your own CSS code in order to achieve like this. Use the Inspector browser to create your own CSS code. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello asifsohrab,

You should create your own CSS code to hide the Ads only for a specific post and category pages, based by Category ID and Post ID. Please check the inspector browser tool from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Catalin
tagDiv Staff

Hello Sofie,

Unfortunately, please notice that we cannot provide custom services, sorry! You should create your own custom CSS code after you read the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

That is quite slow. Did you make any optimizations so far? Check if there are any errors in the browser inspector console to begin with. There could be some leads to the problem there.
I could take a look if you can provide a link to the website.

Thanks

Catalin
tagDiv Staff

Hello Achal,

This background image is added with such a custom CSS code. Please check this section from here -> https://www.screencast.com/t/l2h7OIl41bTm Use the inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ to create your own CSS code.

Thanks for the message!

Simion C.
tagDiv Staff

Hi,

1. So the theme panel is not working properly? In most cases where the theme panel is continuously loading with no result, the issue was caused by limited resources
https://forum.tagdiv.com/requirements-for-newspaper/
The mentioned parameters have to be set according to the guide or there most likely will be problems.

If there is no need for such modifications, there could be another cause. In some previous cases that was caused by a server firewall or security plugin
https://forum.tagdiv.com/topic/cant-save-theme-options-2/
Check while saving in the browser inspector console, if there are any errors they will be shown there.
Let us know the results.

2. I have not seen that before. Does the same happen if you deactivate all other plugins? Leave only theme plugins and Yoast active and there should be no problem. It could be another plugin that causes the issue. This way you can tell if that is the case.

Thanks

Catalin
tagDiv Staff

Hello chivinews,

You should create your own CSS code if you want to hide those elements. Use the Inspector browser -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Viewing 25 results - 451 through 475 (of 1,099 total)