![]() ![]() ![]() Turn on to have the column stick inside its parent container on scroll. NOTE: Server cache can interfere with results. The element will only be part of the post / page contents, if the set conditions are met. Set the custom size of the background image.Ĭhoose how blending should work for each background layer.Īdd conditional rendering logic for the element. Select whether you want to skip lazy loading on this image or not.Ĭhoose the position of the background image.Ĭhoose the size of the background image or set a custom size. Upload an image to display in the background. Value for column's overflow CSS property. Value for the z-index CSS property of the column, can be both positive or negative. Set the style of the box shadow to either be an outer or inner shadow. A positive value increases the size of the shadow, a negative value decreases the size of the shadow. Positive values put the shadow below and right of the box, negative values put it above and left of the box. ![]() Set the vertical and horizontal position of the box shadow. Thus, depending on the setup, some contents might get clipped. IMPORTANT: In order to make border radius work in browsers, the overflow CSS rule of the column needs set to hidden. Leave empty to inherit from container or Global Option.Įnter values including any valid CSS unit, ex: 4%.Ĭontrols the border size of the column element.Ĭontrols the border color of the column element.Įnter values including any valid CSS unit, ex: 10px. You can choose more than one at a time.Īdd a class to the wrapping HTML element.Įnter values including any valid CSS unit, ex: 4%. Each of the 3 sizes has a custom width setting on the Responsive tab in the Global Options.Ĭhoose to show or hide the element, based on the current mode (normal or sticky) of its parent container. _self = open in same browser tab, _blank = open in new browser tab.Īdd descriptive text to the link to make it easier accessible.Ĭhoose to ignore equal heights on this column if you are using equal heights on the surrounding container.Ĭhoose to show or hide the column on small, medium or large screens. IMPORTANT: This will disable links on elements inside the column. Equal heights on the parent container must be turned on.Īdd the URL the column will link to, ex. Set to "Yes" to center the content vertically. Enter value including any valid CSS unit, ex: 4%. Works only with full height columns.ĭefines how the column content should vertically align.ĭefines whether elements are forced onto one line or can wrap onto multiple lines.Ĭontrols the column spacing between one column to the next. If block is selected it will not use flex positioning and will instead allow floated elements.ĭefines how the column content should align. ![]() Overrides what is set on the container.ĭefines how the column content should be positioned. When building sites with X I usually choose a demo to start from on WP Admin > XĪfter that I go to X > Theme Options to adjust the general styling of the website, like logo, button colors, trypogrphy etc…Īnd than I start to tweak the existing demo pages or build new ones with Cornerstone.Defines how the column should align itself within the container. You dont need to install anything to have shortcodes working, you do need to have the plugin Cornerstone active, it will install itself, it is necessary that this plugin is active even if you decide to not use it. On this page you will find Cornerstone Tutorials and a list with all our shortcodes. Here is the link to our Knowledge Base : If you haven´t used Cornerstone yet, I do reccomend you to watch a couple of tutorials on our Knowledge Base and Youtube and start to work with it, it is a brilliant page builder that will allow you to build amazing layouts in blazing fast speed. That said, when building your website with X, you dont need to use shortcodes really often as our page builder offer visual elements that can be assembled code free. On Cornerstone you would add shortcodes to RAW CODE ELEMENTS or TEXT ELEMENTS. Shortcodes can be inserted on WP Admin classic editor or using our page builder Cornerstone. If you want to work with shortcodes, you can, in some cases, light the lightbox specifically it is necessary to use the shortcodes. X is indeed a unique theme in many aspects. I will give you a more broad vision of X. ![]()
0 Comments
Leave a Reply. |