Portfolio hover image and project title

[KimAnn]

Hello-

1. I am trying to use my logo on image hover on the portfolio page. You can see it here:
   https://leadas.love/portfolio/

Wondering why it is off center and how to center it.

2. How do I remove the titles below each portfolio image on that same page:
   https://leadas.love/portfolio/

[jumar]

Hello @KimAnn,

Thanks for writing in!

Please add this code into X > Theme Options > CSS:

.x-brand {
    margin-top: 5px !important;
}

.page-id-52 .x-iso-container-portfolio .entry-wrap {
    display: none;
}

Hope this helps.

[KimAnn]

Thank you- this worked to remove titles, but it did not work to “I am trying to use my logo on image hover on the portfolio page. Wondering why it is off center and how to center it?”

[jade]

Hi there,

Please update the logo hover code to:

.page-template-template-layout-portfolio-php a.entry-thumb:hover:before {
    content: url(https://leadas.love/wp-content/uploads/2018/03/LAL_Logo_White_Vertical150px.png);
    background-color: transparent;
    width: 150px;
    transform: translateX(-50%);
    margin: 0;
}

Hope this helps.

[KimAnn]

Thank you- but the logo is still appearing low. What seems to be happening, is if you mouse over the portfolio item you will see MY logo. Then as your mouse is leaving the portfolio item the X Theme’s link icon appears. It seems that my logo keeps appearing below that link icon that is still present.

Here is a video showing this process:

[nabeel]

Hi again,

Please replace your entire code with this one to fix all issues:

.entry-thumb:before {
    content: url(https://leadas.love/wp-content/uploads/2018/03/LAL_Logo_White_Vertical150px.png);
    background-color: transparent;
    width: auto !important;
    left: calc(50% - 35px);
}

Let us know how this goes!

[KimAnn]

Worked perfect thanks so much!!

[nabeel]

Glad it worked.

Cheers!