Docs

[DOURONE]

Hi!

I have replaced the hover link for an opac black background but i would like to place the title of each picture. I mean each title is different and i don’t know how to do that.
Could you help me with that?
Thank you!

[DOURONE]

This reply has been marked as private.

[Rupok]

Hi there,

It seems there is no title for any of them. Did you add any title for the items? Let’s add them first and we can help you to preposition this if you want.

Let us know.

[DOURONE]

Hi Rupok,

The title appears once you click on the picture.
I don’t want to have any title visible until you click on the picture.
That’s why i want the title replaces the hover link.
Is it possible?

[Darshana]

Hi there,

Did you mean the title on the link tag right? You can add the following code for title.

<a href="#" title="<?php the_title(); ?>"> Link </a>

Hope that helps.

[DOURONE]

Hi Darshana,

Where am i supposed to add this code? To my CSS?
I send you in attach a screen shot just you to see where i want the title.
The title of each murals should appear on the black background as shown on the picture.
Thanks!

[Rupok]

Hi there,

Your screenshot was not uploaded correctly due to exceeded size (should be under 512KB) so can’t understand. But you should not leave the title empty. Let’s add the title and you can hide it where you don’t need title. Update us after adding the usual title and then clarify what you are trying to achieve.

Thanks!

[DOURONE]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-portfolio .entry-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease;
    padding-top: 85px;
}
.entry-wrap a {
    color: #fff !important;
}
article.x-portfolio:hover .entry-wrap {
    opacity: 1 !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[DOURONE]

That’s great!!
Many thanks!
It is always a pleasure to ask you for help!

[Rahul]

Glad to hear it and thans for your kind words.

If you have anything further to ask, kindly let us know. We’d be happy to assist you with anything.

Thank you.

[DOURONE]

This reply has been marked as private.

[Jade]

Hi there,

Please add this code:

.single-x-portfolio .entry-wrap.cf {
    position: relative;
    opacity: 1;
}

Hope this helps.

[DOURONE]

This reply has been marked as private.

[Lely]

Hi There,

Please look for this custom CSS:

.x-portfolio .entry-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease;
    padding-top: 85px;
}

Update to this:

.x-portfolio .entry-wrap {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    opacity: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease;
    padding-top: 85px;
}

Hope this helps.

[Author]

Posts