Edit the hover text

How to remove usernames and add custom text

D
Written by Davy Laudet
Updated over a week ago

Note: This only works on Flows using the Grid theme.

Before

After

Remove the username

First you need to remove the @username in the hover. Paste this CSS code in your 'Custom CSS' in Setup & Styling.

.bzfy-feed p {
    display: none;
}

Add your custom text

Then paste this CSS code in your 'Custom CSS' in Setup & Styling to add custom text. Write the color code you want in 'color' and your custom text in 'content'.

In this snippet, a white color and the text SHOP NOW is selected. 

.bzfy-c-tilegrid-post__minimalistic-overlay:after {

content:'SHOP NOW';
color: #FFFFF;
font-size: 1em;
font-weight: bold;
text-align: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0, 0);
position: absolute;
padding-top: calc(50% - 10px);
}
Did this answer your question?