How to remove or restyle the dashed outer border that the default coupon style draws.
The dashed line comes from the Coupon Border style, which the free plugin renders as border: 3px dashed black; on .coupon-border .cctor_coupon. Coupon Creator Pro lets you change it per coupon or set a new default without touching CSS.
If the coupon has no dashed border to begin with, check its Coupon Type: the Modern Ticket never draws one. It has its own notched shape and ignores the border styles below.
Change the border style (no code) #
Edit a coupon and open the Style tab. Under Outer Border, the Outer Border Styles dropdown (cctor_coupon_border_themes) offers:
- Coupon Border — the default 3px dashed border
- Stitched Border — a dashed outline offset inside the edge
- Dotted Border — a 2px dotted border
- Saw Tooth Border — a zig-zag edge
- None — no border at all
Pick None to remove the border, or one of the others to change it. You can also set a plugin-wide default at Coupon Creator → Options → Outer Border Styles (cctor_pro_default_border_style), and change the border color with Outside Border Color (cctor_outer_border_color).
Change it with CSS #
To restyle the dashed border globally, override it in your theme:
/* Change the dashed line to a solid gray border */
.coupon-border .cctor_coupon,
.coupon-border .cctor-coupon {
border: 2px solid #ccc;
}
/* Or remove it entirely */
.coupon-border .cctor_coupon,
.coupon-border .cctor-coupon {
border: none;
}
The stitched style uses outline rather than border (.stitched-border .cctor_coupon), so target outline if you are restyling that variant. See Pro CSS Reference.
