Title: Change lightbox triangles
Last modified: September 1, 2016

---

# Change lightbox triangles

 *  Resolved [Annekee](https://wordpress.org/support/users/annekee/)
 * (@annekee)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/)
 * I would like to replace the triangles (arrows) in the Kadence lightbox with an
   image or use another css arrow, but I just can’t find the place(s) where to change
   it. I am working on a Virtue child theme. Any idea would be welcome.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7530820)
 * Those are down with borders, you can see the css if you right click on the arrow
   and click inspect in your browser.
 * Your targeting this these css classes “button.mfp-arrow, button.mfp-close”
 * Kadence Themes
 *  Thread Starter [Annekee](https://wordpress.org/support/users/annekee/)
 * (@annekee)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7530896)
 * Thank you K., yes I did exactly that, but still couldn’t realize any changes.
   I’ll give it a try again today!
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7530996)
 * Do you have a link? an image your trying to replace with?
 * Kadence Themes
 *  Thread Starter [Annekee](https://wordpress.org/support/users/annekee/)
 * (@annekee)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7531003)
 * I’m sorry Kadence, I’m developing it locally. I tried again to locate the triangles
   themselves (in the button, .mfp-arrow, in .js etcetera), but to no avail. I already
   replaced the slider arrows without problems, so I’m not a noob. But these triangles
   in the lightbox… are they images? Are they css content?
 *  [Kevin](https://wordpress.org/support/users/jx-3p/)
 * (@jx-3p)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7531022)
 * Yes they are CSS content made with border pseudo elements.
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7531023)
 * Here is an example:
 *     ```
       .mfp-gallery .mfp-arrow {
       	background: url(http://i1232.photobucket.com/albums/ff372/Marcin_Gil/magnific%20example/arrows.png) no-repeat center 30px;
       }
       .mfp-gallery .mfp-arrow:hover {
       	background-position: center -370px;
       }
       .mfp-gallery .mfp-arrow.mfp-arrow-right {
       	background-position: center -170px;
       }
       .mfp-gallery .mfp-arrow.mfp-arrow-right:hover {
       	background-position: center -580px;
       }
       .mfp-gallery .mfp-arrow:before,
       .mfp-gallery .mfp-arrow:after,
       .mfp-gallery .mfp-arrow .mfp-b,
       .mfp-gallery .mfp-arrow .mfp-a {
       	display: none;
       }
       ```
   
 *  Thread Starter [Annekee](https://wordpress.org/support/users/annekee/)
 * (@annekee)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7531038)
 * Thank you Kadence, I’m eternally grateful!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Change lightbox triangles’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [Annekee](https://wordpress.org/support/users/annekee/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/change-lightbox-triangles/#post-7531038)
 * Status: resolved