1. Home
  2. Docs
  3. DearPDF WordPress
  4. Customizations
  5. Customizing Buttons

Customizing Buttons

Normal Button

Normally by default the buttons looks like primary WordPress buttons.

Meat Atlas 3D

Default CSS selector for DearPDF popup button is

.dp-element[data-lightbox=button] {
 //your style goes here
 }

Changing Color

Customizations can be achieved using custom CSS. On WordPress – We recommend using Theme Customizer -> Additional CSS section for adding Custom CSS. Or a custom code plugin if you change themes often.

Meat Atlas 3D
.dp-element[data-lightbox=button] {
      background: yellow;
      border: none;
  }
  .dp-element[data-lightbox=button]:hover {
      background: orange;
      color: white;
  }

Custom Class

Extra classes can be used to change style for certain buttons only.

Meat Atlas 3D
.dp-element.red_button {
     background: crimson;
     color:white;
     border: none;
 }
 .dp-element.red_button:hover {
     background: orange;
 }

How can we help?

Leave a Comment