You can open this within the Styles panel by clicking on the stylesheets dropdown menu at the upper-right of the panel and then clicking on the stylesheet name. Once completed, your page(s) will now have a “custom.scss” stylesheet. Several modals will appear asking for confirmation of the conversion. From the page menu select “Customize & update Bootstrap Theme” to convert your project to use the SASS version of Bootstrap. See the documentation here.Īs with other aspects of the Bootstrap framework, changing the theme colors of the Blocks is simple with Pinegrow. Note: As of Pinegrow 6 you can also use the Design Panel to set a number of properties. The other option is to add the entire component to the page and then delete any undesired parts of the Block. Note that the parental nodes of the selected item will also be highlighted with blue to aid selection. Hovering over the split components will again cause a blue border to appear, identifying what parts of the component will be added to the page. Double-clicking on the Block will split it apart into components. Note: you can swap between different blocks of the same type, different types, or even replace non-Block content.įor some complex Blocks, you can elect to only add part of the Block to the page. Clicking on this will change out the element for the new one. Now when you hover over a block you will get an additional “REPLACE IT” tag at the upper-right. Simply select the content to be replaced in either the Page View or the Tree panel. Pinegrow also gives the option to swap existing content out with a Block selected from the Library. Hovering over the Block will add a blue outline to show what will be added to the page. In order to add a new Block to a page, all you have to do is drag-and-drop to either the Page View or the Tree panel. Within the individual component types the magnifying glass can be used to look at how each block will look on different size screens without having to expand and collapse the width of the Library panel. Selection of “Home” from the top of the menu will bring the tab view back to the index. Clicking on any of the block types will open a graphical list of all the blocks of that type.Īs an alternative to scrolling through the index there is a dropdown menu at the upper right corner that allows for the selection of any of the block types. ![]() You can scroll down this list until the correct type of block appears. When the Blocks tab is first selected it will appear as an index of all the different block types. If the Blocks tab isn’t visible, or is closed it can be reopened by clicking on the plus sign to the right of the tabs in the Library and then selecting the “Blocks” tab.īlocks can be selected in several ways. Once activated, the Blocks will show up in the Library Panel.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |