Edit the hover text

How to remove usernames and add custom text
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: #FFFFFF;  
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);  
}

Was this article helpful?