How to align the plugin to center?

  • Thank you for your great plugin, I could finally add a convenient rating plugin to my page but there’s a problem that I can’t align the plugin to the center position.

    There are only top-left, top-right, bottom-left,bottom-right options can be selected.

    See the screenshot: https://paste.pics/12e4e10fe0d02aa702da68d7b46aa0a4

    Thank you for your help!

Viewing 1 replies (of 1 total)
  • Thread Starter ducod

    (@ducod)

    
.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 40%;
	top: -3%;
}

@media only screen and (max-width: 600px) {

.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 20%;
	margin-top:10px;
	
}
}

@media only screen and (min-width: 600px) {
    
.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 28%;
	margin-top:10px;
}
}

@media only screen and (min-width: 768px) {
    
.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 35%;
	margin:10px 0px 25px 0px;
}
}

@media only screen and (min-width: 992px) {
    
.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 40%;
	top: -3%;
}
}

@media only screen and (min-width: 1200px) {
.bp-star-ratings.top-left,
.bp-star-ratings.top-right {
    position: absolute;
	left: 40%;
	top: -3%;
}
}

    I am currently using these codes, but it’s better to have the options selected at the backend, thank you.

    • This reply was modified 2 years, 12 months ago by ducod.
Viewing 1 replies (of 1 total)
  • The topic ‘How to align the plugin to center?’ is closed to new replies.