0

Inline text formating [dcs_span]

The dcs_span shortcode can be used for example to format a part of text inside some paragraph.

Parameters:
color[OPT] text color in hexadecimal or any CSS accepted format e.g #99FF33 (default empty string, will be not set)
bg[OPT] background color in any CSS accepted format e.g #9F3 or #9F3 or green (default empty string, will be not set)
padding[OPT] left and right padding in pixels (single integer value), will be used only when background color is set (default 4 pixels)
code[OPT] if set to true Monospace font will be used (default false)
tip[OPT] string displayed as a tip information (default empty string, tip will be not displayed)
pos[OPT] tip possition, can be set to left, right, top or bottom (default top)
bold[OPT] if set to true bold font is used (default false)
em[OPT] if set to true italic font style is used (default false)
Examples:
1. Changing text color for paragraph frament

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#00AA00"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat [dcs_span color="yellow"]nulla[/dcs_span] pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

2. Changing background color

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#00AA00" bg="#1B230D"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat [dcs_span color="#000" bg="#9F3"]nulla[/dcs_span] pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

3. Use own padding value

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#000" bg="#9F3" padding="8"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

4. Using monospace font

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#000" bg="#9F3" code="true"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

5. Adding tip

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#000" bg="#9F3" tip="Hello tip!"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

6. Using bold font style

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#000" bg="#9F3" tip="Hello tip!" pos="bottom" bold="true"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

7. Using italic font style

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

Duis aute irure dolor in reprehenderit in [dcs_span color="#000" bg="#39F" tip="Hello tip!" pos="left" bold="true" em="true"]voluptate[/dcs_span] velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing.

8.8/1018votes
Voting statistics:
RatePercentageVotes
1067%12
96%1
86%1
76%1
60%0
511%2
46%1
30%0
20%0
10%0
Click to share thisClick to share this