Welcome to WebmasterWorld Guest from 107.21.16.70

Forum Moderators: not2easy

Message Too Old, No Replies

POPover is showing without style

     
3:50 pm on Mar 24, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1088
votes: 1


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.
4:01 pm on Mar 24, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 13, 2002
posts:14860
votes: 476


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.
7:18 pm on Mar 24, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1088
votes: 1


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).
8:33 pm on Mar 24, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 13, 2002
posts:14860
votes: 476


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.
3:41 pm on Mar 25, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1088
votes: 1


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?
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members