Mouseover Description for Latest Works

Skiou

Hi,

here is my page: http://www.xiaolongliu.com/

I want to know how to remove the mouseover effect from the "latest works" elements? and keep the effect constant on the single works? like the example on my attached file.

Thank You for Help

Argone

Hi Skiou,

Have you got this feature on demo template?

With regards

Skiou

Hi I create the example picture by myself.

Argone

hi Skiou,

I think that you don't understood my question.

Have you seen our template demo? If yes - is there this feature?

With regards

Argone

Skiou,

I'm sorry, that's my fail for this misunderstanding.

Recipe for your problem:
1. Open your file in skyfashion theme: common/css/skeleton/layout.css
2. Find line with div.slide_box_hover definition
3. Add line like below:

div.slide_box_hover {
  display: none !important; //this is additional line
  position: absolute;
  width: 220px;
  height: 150px;
  display: none;
  vertical-align: middle;
}

Let me know if it works for you.

With regards

Skiou

Thank you but it doesnt work

Argone

Hi,

I'm now on your website and i see that it works. Maybe you wanted to disable some other option? On main website when i'm moving mouse cursor over projects there is no hover.

Tell me which hover you want to disable.

With regards

Skiou

oh i think we misunderstand, i want that the hover is always visible.

Skiou

can you tell me how to show the hover effect always? even without mouseover.

Skiou

push

Argone

Hi Skiou,

I'm sorry for long time without answer.

Recipe for your problem:
1. Open your file in skyfashion theme: common/css/skeleton/layout.css
2. Find line with div.slide_box_hover definition
3. Add line like below (or change line from earlier recipe) :

div.slide_box_hover {
  display: block !important; //this is additional line 
  position: absolute;
  width: 220px;
  height: 150px;
  display: none;
  vertical-align: middle;
}

let me know if it works

Skiou

hi thanks, but it looks like this: http://i40.tinypic.com/xm798h.png

Argone

Hi Skiou,

Change above code as code below:

div.slide_box_hover {
  position: absolute;
  width: 220px;
  height: 150px;
  display: block !important; //this is additional line 
  vertical-align: middle;
}