POPover is showing without style

[toplisek]

I have noticed that Bootstrap is predefined using data-toggle="popover". How to manage actually tips popover as it is added CLASS value and need to add also ID to style such tip on the right.
data-toggle="popover" will be class but how to style all content inside popover using ID's. Many ID's will manage different designs.

This is just example:

<a href="#" class="btn btn-primary btn-lg" data-toggle="popover" tabindex="0" data-trigger="focus" title="Popover title" data-content="Here's some amazing content.">Dismissible popover</a>


Need help.

[martinibuster]

Is there a problem with adding the font, padding and other stylings to the one ID? The content will inherit all other styles but those declared in the specific style will take precedence.

[toplisek]

Issue is that this is Javascript related. If you hover link or button it will be shown content on the right hand side. As Bootstrap works it will be added class according to data-toggle="popover" element. I like to define each popover container with the different style. Currently, I do not see added ID when this action is done (toggle, hover).

[martinibuster]

So you created a popover with your own ID however when that popover is triggered the ID is missing? Do you believe your ID is being overwritten and replaced? Or could it be that the element you assigned the ID to is not being called?

What CMS are you using? I'm wondering if maybe there's an include that needs to be edited.

The way I diagnose it is by right clicking it in a browser and choosing to inspect element. I then see what scripts and elements are in play then track those down and review the code.

Sometimes, in the case of a CMS, the action I want to change is hidden in the functions.php file and the way the template is designed it wants me to use their "builder" to edit it.

At other times I can simply create a child version and edit away there.

[toplisek]

Nice reply. Is it defined ID by Bootstrap attributes or it should be or it could it be that the element I assigned the ID to is not being called? I mean my Javascript will not add ID?