0

Text hightlighter [dcs_hightlight]

The dcs_hightlight is simple shortcode to highlighting text.

Parameters:
color[OPT] here you can set text color in hexadecimal or any CSS accepted format (default set to black - #000000)
bg[OPT] background color in hexadecimal or any CSS accepted format (default set to #838264)
p[OPT] left and right padding, single integer value (default set to 3)
rounded[OPT] radius of rounded corners, can be set to value from 1 to 12 (default set to 2)
Examples:
1. Default styled

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

<p>Duis aute irure dolor in reprehenderit 
in [dcs_hightlight]voluptate[/dcs_hightlight] velit esse 
cillum dolore eu fugiat 
pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
2. Changing background color

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

<p>Duis aute irure dolor in reprehenderit 
in [dcs_hightlight bg="#C3FF6D"]voluptate[/dcs_hightlight] velit esse 
cillum dolore eu fugiat 
pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
3. Changing text color

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

<p>Duis aute irure dolor in reprehenderit 
in [dcs_hightlight bg="#444444" color="#FFCC00"]
voluptate[/dcs_hightlight] velit esse 
cillum dolore eu fugiat 
pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
4. Fully rounded corners

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

<p>Duis aute irure dolor in reprehenderit 
in [dcs_hightlight bg="#C3FF6D"
p="6" rounded="12"]voluptate[/dcs_hightlight] velit esse 
cillum dolore eu fugiat 
pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
5. Without rounded corners

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

<p>Duis aute irure dolor in reprehenderit 
in [dcs_hightlight
rounded="0"]voluptate[/dcs_hightlight] velit esse 
cillum dolore eu fugiat 
pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
8.5/1016votes
Voting statistics:
RatePercentageVotes
1069%11
90%0
86%1
76%1
66%1
50%0
46%1
30%0
20%0
16%1
Click to share thisClick to share this