All Elements
Most Used
Add a Background Image to the Navigation Bar
- by Kayla⟡ - Navigation - used 48 times
Replaces the background of the FriendRewind navigation links bar with an image. Replace PASTE-IMAGE-URL-HERE with the direct URL of your image.
For an image that stretches across the whole navigation bar, change: background-repeat: repeat !important;
background-size: auto !important;
to
background-repeat: no-repeat !important;
background-size: cover !important;
For a small pattern or GIF that repeats across the navigation bar, keep:
background-repeat: repeat !important;
background-size: auto !important;
CSS Code
Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save. Leave the Visual Builder's existing CSS in place - add this under it, don't replace it.
How to use: copy the CSS above → open your layout editor → switch to the Advanced CSS tab → paste at the bottom (keep the Visual Builder CSS above it) → save → refresh your profile. If the element also has HTML, paste that into About Me or at the bottom of Advanced CSS after the CSS. Elements stack - you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.