[tiago]

hi,

I’ve been trying to replicate this ‘title on hover instead of the arrow icon’ in a masonry-blog (without the details wrap below) but with no luck.

figure.animated-overlay figcaption {
  opacity: 1;
}
figcaption .thumb-info h4 {
  transform: none;
}
figure.animated-overlay:not(:hover) figcaption {
  background: transparent;
}
figcaption .thumb-info > i {
  display: none;
}

The CSS above removes the arrow icon, but the title still doesn’t appear.

If there’s an easy solution, could you help?
Thanks

[tiago]

@Bela: Most welcome. 🙂

@David: I felt I owed you that, after you went out of your way to come into my home and fix my memory issue. What goes around, comes around. If we all share our solutions, I’m sure it will make everyone’s life much easier.

Tiago

[tiago]

Bela,

I’ve added some print screens with instructions on how to use custom icons, since adding the font alone doesn’t make them available for easy use (at least in my experience) and requires a little custom CSS.

1. After adding your custom icon font as I explained above, add an icon-box element to the page, click edit but, instead of choosing ICON in the ICON BOX ICON TYPE field, select CHARACTER and type the letter that corresponds in the font to the icon you want.

2. In the Misc Options tab of the same window, give a unique class name (ex. youricons) to identify any icons that use that font on the website.

3. Finally, just add this code in Theme Options > Custom CSS/JS:

.youricons {
    font-family: iconfontname;
}

Just one note that if the font name has more than one word and spaces in between (say “icon font name”), you need to add quote marks before and after:

.youricons {
    font-family: "icon font name";
}

That should do the trick.
Regards

Attachments:

You must be logged in to view attached files.

[tiago]

David/Bela

I had the same problem.

The Add Font button in Theme Options > Icon Fonts isn’t working.
Fortunately, there is also an Add Font button right at the top in Theme Options > Font Options and that one works!

Regards

[tiago]

Fixed! Many thanks David.

[tiago]

Yeah… I wasted hours fiddling with CSS until I realised I had linked the wrong image crop… (argh)

Sorry for adding a completely useless topic.

Thanks for your support anyway.

[tiago]

Hey,

I’m not part of the Uplift team but think I can help with that one.

Should find it in Theme Options > Header Options > Top Bar left text config

Regards

[tiago]

Guys,

My bad, sorry. I had a different narrower crop of the same image on my gallery.
That’s why it wasn’t showing full.

Regards

[tiago]

This reply has been marked as private.

[tiago]

This reply has been marked as private.

[tiago]

This reply has been marked as private.

[tiago]

This reply has been marked as private.

[tiago]

On the other hand, if I have the Max Mega Menu on, I have to switch off Swift Framework so that it saves changes.
It’s one or the other, can’t have both on.

[tiago]

Just an update…

I just figured out that it was the Max Mega Menu plugin that was stopping the customizer from saving changes.
Now that it is turned off, the customizer works, but if I turn it on, it stops saving changes.

[tiago]

This reply has been marked as private.