Problem with the display of "view full project" buttons

[Clarisse DOKOU]

Hi,

I am using the Design Agency Pro theme.
Everything seems to work correctly excepted one thing.

Since the beginning, the button “view full project” of the section “our works” is not in the middle of the images. It is on the left of the image.
I have noticed this problem on 2 web browsers, Chrome and Internet Explorer (latest version for both).

Please look at the 2 screenshots here to see what I am talking about.
Chrome and IE: http://clawebcreation.com/wp-content/uploads/2017/02/portfolio-IE11-chrome.jpg
Mozilla: http://clawebcreation.com/wp-content/uploads/2017/02/portfolio-mozilla.jpg

Here is the URL of my website to see in live.
http://clawebcreation.com/portfolio-clawebcreation/

Could you help me to find a solution.

Many thanks in advance.

[Sonl Sinha]

Hi

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

span.hoverbutton { left:50%; right:inherit; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.photobooth .gallery ul li:hover span.hoverbutton { transform:translate(-50%, -70%); -moz-transform:translate(-50%, -70%); -webkit-transform:translate(-50%, -70%);}

Regards,
Chris

[Clarisse DOKOU]

Hi Chris,

Thank you for your help.
The buttons are well in the middle now.

Best,
Clarisse

[Sonl Sinha]

🙂

[Author]

Posts