- Posts: 17
COMMUNITY FORUM
CSS edit for Voting stars
- MERINEO
-
Topic Author
- Offline
- New Member
Less
More
15 years 2 months ago #78678
by MERINEO
CSS edit for Voting stars was created by MERINEO
Hello guys,can somebody tell me how to fix css problem vwith voting stars on my page:http://www.kaviaren.com/blogy-na-kaviarencom/item/2-zenske-zadkyYou can see a dots are not exactly in stars and i dont know how to fix up...here is a css for this:/* --- Rating --- */.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}.itemRatingList,.itemRatingList a:hover,.itemRatingList .itemCurrentRating {background:url(../images/system/transparent_star.gif) left -1000px repeat-x;}.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}.itemRatingList li {display:inline;background-image:none;padding:0;}.itemRatingList a,.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}.itemRatingList a:hover {background-position:left bottom;}.itemRatingList a.one-star {width:20%;z-index:6;}.itemRatingList a.two-stars {width:40%;z-index:5;}.itemRatingList a.three-stars {width:60%;z-index:4;}.itemRatingList a.four-stars {width:80%;z-index:3;}.itemRatingList a.five-stars {width:100%;z-index:2;}.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}span.siteRoot {display:none;}If someone know to help, i will be very gratefull...:)Thanks
Please Log in or Create an account to join the conversation.
- troponin
-
- Offline
- Platinum Member
Less
More
- Posts: 398
15 years 2 months ago #78679
by troponin
Replied by troponin on topic CSS edit for Voting stars
in yout template.css of your Joomla Template you have the line :
.column ul li
delete the line background:url("../images/bullet.gif") no-repeat scroll 20px 7px transparent
Regard - this definition will delete the Bullets in all other places.
If you dont want that you have to define a Overwrite for you K2 Listing.
.column ul li
delete the line background:url("../images/bullet.gif") no-repeat scroll 20px 7px transparent
Regard - this definition will delete the Bullets in all other places.
If you dont want that you have to define a Overwrite for you K2 Listing.
Please Log in or Create an account to join the conversation.
- MERINEO
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 17
15 years 2 months ago #78680
by MERINEO
Replied by MERINEO on topic CSS edit for Voting stars
Thanks for advice Troponin,
unfortunatelly i cant delete this bullets for all page, because my menu modules than collapse :(
Can you tell me please how can i define a overwrite for my K2 listing..
Thanks a much...
Troponin said:in yout template.css of your Joomla Template you have the line :
.column ul li
delete the line background:url("../images/bullet.gif") no-repeat scroll 20px 7px transparent
Regard - this definition will delete the Bullets in all other places.
If you dont want that you have to define a Overwrite for you K2 Listing.
unfortunatelly i cant delete this bullets for all page, because my menu modules than collapse :(
Can you tell me please how can i define a overwrite for my K2 listing..
Thanks a much...
Troponin said:in yout template.css of your Joomla Template you have the line :
.column ul li
delete the line background:url("../images/bullet.gif") no-repeat scroll 20px 7px transparent
Regard - this definition will delete the Bullets in all other places.
If you dont want that you have to define a Overwrite for you K2 Listing.
Please Log in or Create an account to join the conversation.
- troponin
-
- Offline
- Platinum Member
Less
More
- Posts: 398
15 years 2 months ago #78681
by troponin
Replied by troponin on topic CSS edit for Voting stars
insert into your k2.css this:
div.k2Container ul {list-style:none outside none;}
Hope it works.
div.k2Container ul {list-style:none outside none;}
Hope it works.
Please Log in or Create an account to join the conversation.
- MERINEO
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 17
15 years 2 months ago #78682
by MERINEO
Replied by MERINEO on topic CSS edit for Voting stars
Thanks, but no effect :(:(:(
Troponin said:insert into your k2.css this:
div.k2Container ul {list-style:none outside none;}
Hope it works.
Troponin said:insert into your k2.css this:
div.k2Container ul {list-style:none outside none;}
Hope it works.
Please Log in or Create an account to join the conversation.
- BBC
-
- Offline
- Platinum Member
Less
More
- Posts: 663
14 years 6 months ago #78683
by BBC
Replied by BBC on topic CSS edit for Voting stars
Some old topic but, if it can help someone.
Try with !important at the end, otherways your template CSS allways override that class
div.k2Container ul {list-style:none outside none; !important}
or:
div.k2Container ul {background-image:none !important}
Try with !important at the end, otherways your template CSS allways override that class
div.k2Container ul {list-style:none outside none; !important}
or:
div.k2Container ul {background-image:none !important}
Please Log in or Create an account to join the conversation.