1

Paragraph [dcs_p]

Here you can read about dcs_p shortcode. The dcs_p shortcode just wraps text in <p> tag. When creating a content, this shortcode should be used for every standard text paragraph on a page or post, if you want to stylize the text. A huge help for this is a button added to HTML content editor - it allows to select a text and wrap it with dcs_p tag very quickly.

For dcs_p shortcode a complete collection of parameters was created, thanks to this you have full control over text paragraphs and you can very easy stylize text in many ways (see some examples below). You can also don't use any of the parameters for dcs_p - text inserted into "clean" dcs_p shortcode equals text paragraph wrapped with <p> tag - if you don't want to stylize the text paragraphs, you can also just use <p> tags (and <p> button in HTML editor that works the same like dcs_p button) instead dcs_p shortcode.

Can have shortcodes inside.

Parameters:
align[OPT] text align, you can use three string values: left, center or right (default: aligned to the left)
padding[OPT] inner padding for paragraph, use formula 0px 0px 0px 0px where first value is for top padding, second for right, third for bottom and the last value is for left padding, you can use any valid value for CSS padding property (default: 0px 0px 0px 0px)
margin[OPT] paragraph margins, use formula 0px 0px 0px 0px, you can use any valid value for CSS margin property (default: 0px 0px 15px 0px)
font[OPT] font family e.g Arial (default empty string, will be not set)
fstyle[OPT] font style, can be set to normal or italic (default not set)
fweight[OPT] font weight, can be set to normal or bold (default not set)
size[OPT] font size in pixels, can be set to for example size="11" (default: empty string - font size is set to 12px)
fheight[OPT] font line height in pixels (default: empty string - line height is set to 18px)
color[OPT] text color in hexadecimal or any CSS accepted format e.g #99FF33 (default: empty string - text color is set to white - #FFFFFF)
bgcolor[OPT] background color, can best set to any valid value for CSS background-color property (default: empty string - background color is not set)
bgpos[OPT] background position, can be set to any valid value for CSS background-postion property (default: left top)
bgrepeat[OPT] background repeat mode, can be set to no-repeat, repeat, repeat-x or repeat-y (default: no-repeat)
bg[OPT] background image full path, can be overwrited by usersrc parameter (default: empty string, background is not set)
usersrc[OPT] relative path to image file name with extenstion from shortcodes image folder. This image will be set as background for paragraph. If you set it, this value will overwrite bg parameter (default: empty string, background is not set)
rounded[OPT] allows to create a rounded corners for paragraph block. This parameter sets corners radius, you can use value from 1 to 12 (default: zero, paragraph don't have rounded corners)
border[OPT] if set to true border is displayed, if set to false border is not displayed (default: false)
bcolor[OPT] border color, can best set to any CSS valid value (default: #202020)
bstyle[OPT] border style, can be set to solid, dashed or dotted (default: solid)
bwidth[OPT] border width in pixels (default: 1)
Examples:
1. Simple example

Shortcode content

[dcs_p]
Shortcode content
[/dcs_p]
2. Center text align

Shortcode content

[dcs_p align="center"]
Shortcode content
[/dcs_p]
3. Right text align

Shortcode content

[dcs_p align="right"]
Shortcode content
[/dcs_p]
4. Changing text color, font size and font height

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[dcs_p color="#3399CC" size="11" fheight="14"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.
[/dcs_p]
5. Adding background color and 10px padding

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua.
[/dcs_p]
6. Adding rounded corners and increase padding for left and right side

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px 20px 10px 65px" rounded="12"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
7. Adding background image from full URL

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px 20px 10px 65px" rounded="12" 
bg="Full background image URL"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
8. Positioning background image

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px 20px 10px 65px" rounded="12" 
bg="Full background image URL" bgpos="0px center"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
9. Background repeating

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px 20px 10px 20px" rounded="12" 
bg="Full background image URL" bgpos="top center" bgrepeat="repeat"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
10. Background image from relative path

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="11" fheight="14" bgcolor="#002244" 
padding="10px 20px 10px 65px" rounded="12" 
usersrc="simley3.png" bgpos="left center"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
11. Changing font family and font style

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[dcs_p color="#FFFFFF" size="14" fheight="18" bgcolor="#002244" 
padding="10px 20px 10px 65px" rounded="12" 
usersrc="simley3.png" bgpos="left center" 
font="Times New Roman" fstyle="italic"]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor 
sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/dcs_p]
8.3/1029votes
Voting statistics:
RatePercentageVotes
1066%19
90%0
87%2
73%1
63%1
57%2
43%1
33%1
27%2
10%0
Click to share thisClick to share this