[NimaParticipant]

Hi,

I have created 5 badge icons with each a custom headline using the Feature Box element. I want for my
user to be able to hover over each icon and see what that icon means.

I am sending a screen shot of what I am hoping to accomplish. After reading some of the posts, I was not
sure how to go about this.

Thank you!

[NimaParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[NimaParticipant]

Hi Nico…

See attached

1. As the first screen shot A shows…this is a feature box made up of an icon and custom headline.
2. I want the viewer to hover over the feature box…a text description should appear…screen shot B
3. The second screen shot shows the feature box being replaced by the text description when hovering over it.

Thats all I am trying to accomplish.

Thanks.

[JadeModerator]

Hi there,

Unfortunately, this is not a feature offered by the featured box element and would require some customization to accomplish which falls beyond the scope of our support. However, you might want to check out the Card Element instead.

Hope this helps.

[NimaParticipant]

Thank you Jade….I went ahead and set up the Card Element…I think this might
work…only thing I have a question about is the icon.

How do I create a badge graphic shape in the background of my white icon?

Attached is the graphic shape I am looking for…

Thanks.

[ChristopherModerator]

Hi there,

I’m not sure if we can help you with this, but first I would like to check your site URL. Please provide us with URL.

Thanks.

[NimaParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thank you for the clarifications. With the feature box, you can just show/hide the feature text content as you hover the icon. Please add some feature box content first so that you can see the opacity effect. And then insert the following custom css in the settings tab, Settings > Custom CSS

.x-feature-box .x-feature-box-text {
    opacity: 0;
    transition: opacity 1s ease;
}

.x-feature-box:hover .x-feature-box-text {
    opacity: 1;
}

The opacity effect is not the same as the card effect as they are not of the same structure.

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[NimaParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! A card is a card element. The feature box is another element. They have different structures and usage. They were created and added in Cornerstone with specific purpose and functions. You can simply use the feature box to display the same as the card. It maybe possible with custom development, regretfully this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. Any issue may result, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[NimaParticipant]

Ok…

The badge icon that’s available on your demo page shows use of a badge graphic icon, as it does, square, circle, hexagon…so I just thought it might be available to use as it is a part of the cornerstone kit whether it was part of a feature box or a card element as separate icon style.

But no worries…thank you for the help you have provided thus far.

[Rue NelModerator]

Hello There,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts