css - JavaScript: Using marginLeft to position rating stars over image -


am using javascript plugin apply rating stars review. [fiddle] has of code. stars come in place of dropdown (the external resource isn't loading show in fiddle). stars showing fine on localhost, wanted position stars appear somewhere in middle (or maybe on image itself, wherever).

to effect, i'm making use of:

   $(function() {     var _elm=document.getelementbyid('example2');     _elm.style.marginleft = "150px";        $('#example2').barrating({         theme: 'fontawesome-stars',         readonly: true,         initialrating: 3       });      }); 

but stars not change position. how position stars then? completion, there no console errors.

the plugin setting example2 select display:none, changes on wont usefull.

you should apple css directly

.br-theme-fontawesome-stars .br-widget 

for example can give it

  margin-left:20px;   margin-top:-50px; 

but bellow image can give z-index

z-index:100; 

and see changes on arrows.

the final result be:

.br-theme-fontawesome-stars .br-widget {   height: 28px;   white-space: nowrap;   margin-left:20px;   margin-top:-50px;   z-index:100; } 

fiddle - https://jsfiddle.net/omwpz0tw/12/


Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -