Votes in the product page

-- HikaShop version -- : HikaShop Starter: 2.2.1
-- Joomla version -- : Joomla! 3.1.5 Stable
-- PHP version -- : 5.3.10
-- Browser(s) name and version -- : Chrome

The product page shows the rating not aligned with the stars. Also a strange tooltip is show on the screen. See the screenshot attached.

<span class="hasTooltip" title="" data-original-title="<strong>;Average<;/strong><;br />0/5" style="display: none;"> 0 </span>

Fixed with:

.hasTooltip {
display: inline;
}

Hi,

I have exactly the same problem. I have HikaShop Essential: 2.2.3.
Could you please tell me where did you place that code? I can't seem to be able to find the right place to fix it.
Any help would be appreciated.
Regards

Hi,

This css code can be placed in your template css file directly or in the frontend css file in HikaShop via the menu Configuration > Display > CSS.

Hi Xavier,

Thank you for your reply.
Unfortunately that did not worked. is there a specific place that I have to place it in that CSS code?
The website is www.pramhandwarmers.co.uk/pram-pushchair.../category_pathway-14

Do you have any suggestions?
Regards
Karel

Hi,
The problem is coming from the CSS code of the file "templates/meet_gavern/css/template.css" :

.hasTooltip {
display: block !important;
}

.hasTooltip {
display: inline !important;
}

Hello, well for me it doesnt help at all! :'(
same template as you mentioned, and i was happy that hika starter and template is free but css is terrible.
Please help someone.
I open the css template and change to "Inline" but once i refresh page after i renamed IT COMES back like magic, I never saw that no where. The template has no option in admin and WHY WE CAN not rename !important? its open source and not protected so how it is possible it comes back?
Thansk for help.

I have hikastarter free 2.3.2
joomla 3.3.1
template is latest 3.3.1 "templates/meet_gavern/css/template.css" :

SO when i disable or even delete the:
.hasTooltip {
display: block !important;
}
and refresh page on localhost i mean i work, it comes back, so i can nto make it work to 'inline'
thanks

Thanks Jerome BUT I did and chanegd and also try to delte it and new re-write it, BUT it keeps changing!
:'( thats frustrated
I think I will report it to MeetGavern as this is not normal.
Any other ideas?

Could you pls explain me why it is overwritting everytime I change "Block" to "Inline" ?
Its not normal, template should listen the man not doing alone what she want.
Should I hire for this stupid funny strange thing someone or hika will help me out?
I can nto wait few hours or 1 next day for answer pls help or i will choose another shopping cart, no prob.
Good I havent bought 59$ coz if i have this issue after i will scream like demon
:'(

Hi, I had a same problem with same Gavick template and Hikashop, follow this and you will be able to modify CSS, because of less in bootstrap YOU CAN NOT just delete or change direct in Template.css your styles, here is what helps to me:

1. Go to in FTP or Localhost in this folder and get the file: ../templates/meet_gavern/less/override.less
2. Open blank file "override.less" with your text editor
3. Add this code a,nd save:

.hasTooltip {
  display: inline !important;
}

To be admin means to have responsability and help ppl and not asking stupid question if all needed I said!

3bits wrote: -- HikaShop version -- : HikaShop Starter: 2.2.1
-- Joomla version -- : Joomla! 3.1.5 Stable
-- PHP version -- : 5.3.10
-- Browser(s) name and version -- : Chrome

The product page shows the rating not aligned with the stars. Also a strange tooltip is show on the screen. See the screenshot attached.

The code is also really strange:

<span class="hasTooltip" title="" data-original-title="<strong>;Average<;/strong><;br />0/5" style="display: none;"> 0 </span>

It looks like a bug in the code. I'm sorry but unable to find where islocated this part of the code. Any help will be welcomed.

.container-fluid-custom {
	background-color: #ffffff;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	z-index: 10;	
}
.hasTooltip {
  display: inline !important;
}
#gk-logo.css-logo {
  background: transparent url('../images/logo.png') no-repeat 0 0;
  display: block;
  height: 67px;
  margin: 0 0 0 10%;
  text-indent: -9999px;
  width: 188px;
}
.gk-main-menu {
  float: right;
  position: relative;
  height: auto;
  display: block;
  margin: 0 5% 0 0;
}
#gk-user-area {
  float: right;
  position: relative;
  margin-left: 15px;
  margin: 0 5% 0 0;
}

nicolas wrote: Hi,

Thanks for the tips on the CSS for the template.
Please understand that this forum if for HikaShop support, not template CSS corrections. You should seek advice with your template provider if the template is not behaving properly. We're doing our best to answer questions, but we can't answer to things we don't know about.