{"id":1503,"date":"2017-09-25T06:27:55","date_gmt":"2017-09-25T06:27:55","guid":{"rendered":"https:\/\/stage.pikarthouse.com\/wp\/ombra-documentation\/?page_id=1503"},"modified":"2017-11-26T14:24:17","modified_gmt":"2017-11-26T14:24:17","slug":"faq","status":"publish","type":"page","link":"https:\/\/ombra.pikarthouse.com\/documentation\/miscellaneous\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.2; text-decoration: none; color: #636363;\"><p>Can I nest a shortcode inside the same type of shortcode, like a Row inside another Row?<\/p><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--inherit\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #959595;\"><p>No, you cannot. Do not nest a shortcode inside the same shortcode. So, do not put a Row shortocode inside another Row shortcode.\u00a0Also,\u00a0do not make use at all of deep nesting: a Row which is inside Columns which is inside another Row.<\/p>\n<p>However, you could nest shortcodes of different types: a Column inside a Row and viceversa. Or, you could nest a\u00a0Button inside a Row, even if the reverse is not possible. Why? <em>Because\u00a0<a href=\"https:\/\/ombra.pikarthouse.com\/documentation\/shortcodes\/basic-items\/\" target=\"_blank\" rel=\"noopener\">Basic Shortcodes<\/a> do not allow nesting inside them of other shortcodes at all.<\/em><\/p><\/div>\n\n<div id=\"insert-margins\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.2; text-decoration: none; color: #636363; padding: 36px 0px 0px 0px;\"><p>How should I enter the margins, borders and paddings for Custom Content or Row shortcodes?<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"pikode pikode--custom-content  custom-content--inherit\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #959595;\"><p>When entering <strong>margins, borders<\/strong>\u00a0or<strong>\u00a0<\/strong><strong>paddings<\/strong>, you should always keep in mind the same order of sides &#8211; <strong>top<\/strong>, <strong>right<\/strong>, <strong>bottom<\/strong> and <strong>left<\/strong>, not otherwise.<\/p>\n<p>Even if you need to insert just a single value. Let&#8217;s say you want to enter a value for bottom side, for example \u2014\u00a050 pixels. In this case, you need to enter all the values,\u00a0as follows: <strong>0px 0px 50px 0px<\/strong>, where <em>px\u00a0<\/em>= pixels. You should always put\u00a0&#8220;px&#8221; after each value you enter\u00a0(even if\u00a0they are 0), followed by space.<\/p><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.2; text-decoration: none; color: #636363; padding: 36px 0px 0px 0px;\"><p>Is it allowed to use negative values for margins, paddings, borders or position (top, right, bottom, left)?<\/p><\/div>\n<div class=\"pikode pikode--custom-content  custom-content--inherit\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #959595;\"><p><em>You are allowed to use negative values just for margins and position. <\/em>However, when entering <strong>margins with negative values <\/strong>to elements like\u00a0<strong>Row<\/strong> or <strong>Custom content<\/strong>\u00a0shortcodes, you should always keep in mind that if you add <em>a negative value<\/em> to a side, you should add the same value to the opposite side, but &#8211; this time &#8211;\u00a0the positive one. This is necessary to move the entire element at once.<\/p>\n<p>For example, if you add\u00a0<strong>-70px<\/strong> to right side, you should add <strong>70px<\/strong> to the left side. So, you will insert in <em>Margins<\/em> box the following: <strong>0px -70px 0px 70px<\/strong>.<\/p>\n<p>Keep in mind that, in case you do not add the positive value to opposite side, the elements where applied will become taller or wider.<\/p><\/div>\n\n<div id=\"margins-vs-position\"\t\tclass=\"pikode pikode--row \"  >\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\tstyle=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--21\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.2; text-decoration: none; color: #636363; padding: 36px 0px 0px 0px;\"><p>What are the differences between margins and position values?<\/p><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"pikode pikode--custom-content  custom-content--inherit\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #959595;\"><p>If comparing to <em>Margins<\/em>, the\u00a0<em>Position <\/em>values \u2014 of both Row and Custom content shortcodes \u2014\u00a0do not affect the surrounding elements. If moving content with Position values instead of\u00a0Margins values, the surrounding content will stay on its position. If moving with Margins, the content will flow nearby\u00a0the <em>moved content<\/em>.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":1663,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1503","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=1503"}],"version-history":[{"count":35,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1503\/revisions"}],"predecessor-version":[{"id":3513,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1503\/revisions\/3513"}],"up":[{"embeddable":true,"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/1663"}],"wp:attachment":[{"href":"https:\/\/ombra.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=1503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}