XF 1.4 Select-to-quote

[RichardKYA]

Hello,

I'm hoping someone else has done this and knows how to fix it

I've replaced the "reply" phrase and "multi-quote" phrase with icons in the publicControls, but this also removes the phrases from Select-to-quote and leaves the tooltip empty and unfunctional...



Where/how can I add the phrases/function back to the tooltip?

Thanks

 

[Dylan V]

Hi,

You don't have to delete directly the phrases, but you can hide them using CSS. Example if I add a text-indent to:

.message .item
{
    text-indent: -9999px;
}

Result:



To add the icons, I just used the :before pseudo-element attributing it to:

.publicControls .control:before, .privateControls .control:before
{
    content: "";
    background: YOUR IMAGE LOCATION;
    margin: 4px 7px 0 0;
    height: 16px;
    width: 16px;
    float: left;
}

 

[RichardKYA]

Awesome!

Thanks for the text-indent tip, I didn't even think of that

I wonder if you can help me something else as well please?

I've changed the 'like' button to an icon as well, but I can't get it to change to it's active state when it's clicked and vice-versa.

Spoiler: Before it's clicked.....

Spoiler: After it's clicked.....

You can see the like summary appears, but the button doesn't change

Spoiler: After page refresh...

You can see the button has now changed.

I've tried multiple things, but the result is always the same

Any input would be very much appreciated

Thanks again

 

[Dylan V]

Awesome!

Thanks for the text-indent tip, I didn't even think of that

I wonder if you can help me something else as well please?

I've changed the 'like' button to an icon as well, but I can't get it to change to it's active state when it's clicked and vice-versa.

Spoiler: Before it's clicked.....

View attachment 104479

Spoiler: After it's clicked.....

View attachment 104480

You can see the like summary appears, but the button doesn't change

Spoiler: After page refresh...

View attachment 104481

You can see the button has now changed.

I've tried multiple things, but the result is always the same

Any input would be very much appreciated

Thanks again

Yes, it's easy to do. "Like" and "Unlike" have their own class, therefore, for example, after you click "Like", "Unlike" button will be displayed:



Use this for the "Like" button:

.publicControls .control.like
{
    YOUR CODE;
}

and this for the "Unlike" button:

.publicControls .control.unlike
{
    YOUR CODE;
}

The image above shows that it works perfectly.

 

[RichardKYA]

God, I'm such an idiot

When I created my icons a couple of months ago, I named them "like_button" and "unlike_button" and at the time, I also changed the classes to match, but obviously this messes it up. What a knob hahaha

I gave up trying to sort it out because I was always left scratching my head, thinking "WHY WON'T YOU WORK!?"

Hahaha!

Thanks dude

 

[Dylan V]

God, I'm such an idiot

When I created my icons a couple of months ago, I named them "like_button" and "unlike_button" and at the time, I also changed the classes to match, but obviously this messes it up. What a knob hahaha

I gave up trying to sort it out because I was always left scratching my head, thinking "WHY WON'T YOU WORK!?"

Hahaha!

Thanks dude

You're welcome.