gambitph
Forum Replies Created
-
Column Paddings adjust the space inside the block between the block elements and the column container border. While the Block Margin adjusts the space outside the block. So if you want to move the block to the left most of your mobile screen to make it look like the block is centered, you should adjust the Block Margin. But if you want to just stretch the content of the block, you should adjust the Column Paddings.
We didn’t set the Column Paddings to have a negative value because we don’t want the content of the block to go beyond its container.
Resolving this, please re-open if needed. 😊
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Vertical AlignmentIn the current version (V 2.1.0), you can now change the Content Vertical Align. It is inside the Advanced Tab > Column Spacing.
Here’s a sample video of what can Content Vertical Align do: https://streamable.com/ppkux
If you have any other questions, don’t hesitate to contact us.
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Fixed Size ContainerHi,
What you can do is to adjust the Block Paddings or the Min. Column Height of your Container to make them the same size.
Another workaround is to use Feature Grid. When you use Feature Grid the grids will be automatically stretched out based on the content length. If you want your Feature Grid to only have the Description, you can now toggle on or off the other parts of the Feature Grid.
Let me know how it goes! 😊
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Feature GridHi,
In the current version (V 2.1.0), you can now adjust the height of the Feature Grid’s column container. To adjust this, please change Min. Column Height option (inside the Column Spacing tab).
You can also change the Column Vertical Align option (this is also inside the Column Spacing Tab) to move the placement of the column container to the top, center, bottom or stretch (this will be available when the column heights are different).
To align the buttons to the bottom, you add this custom CSS code:
.ugb-feature-grid__content { flex-grow: 1; display: flex; flex-direction: column; } .ugb-button-container { flex-grow: 1; display: flex; align-items: flex-end; }Let me know how it goes!
Hi Andy,
In the current version (V 2.1.0), you can now add other blocks inside the Accordion (in the Accordion’s content).
To be able to add a link from your products pages to a particular Accordion block, you can add a native block called HTML inside your Accordion block, then add a code like this:
<a name="YOUR_CLASS_ID" id="YOUR_CLASS_ID"></a>This code will create an HTML bookmark that allows the users to jump to a specific part of a web page.
After adding an HTML bookmark in your Accordion block, you can now add a link in your products page pointing to the HTML bookmark that you’ve added in your Accordion block. You can use a link like this to be able to jump to the Accordion block: yourwebsite.com/#YOUR_CLASS_ID
Just don’t forget to change the YOUR_CLASS_ID to your own class ID (you can add different class IDs for each HTML bookmark that you’ll create) and add your own website to the link.
Let me know how it goes!
- This reply was modified 6 years, 3 months ago by gambitph.
In the current version (V 2.1.0), Container blocks already have Plain layout, you can use this to have a transparent background for your Container blocks.
If you have any other suggestions, don’t hesitate to contact us.
Hi Greg,
Unfortunately, wide-width and full-width options is a built-in capability from Gutenberg when you’re using any Gutenberg ready themes.
If you’re not seeing the wide-width and full-width toolbar buttons, then it might be possible that your theme is not Gutenberg ready. You can contact the support team of your theme so that they can give you a Gutenberg ready copy of your theme.
Aside from some Stackable blocks, some native blocks such as the Cover block and the Image block should be able to go wide or full if the theme supports it.
If you have other questions, don’t hesitate to contact us. 😊
What you can do is to add another Feature Grid below your first Feature Grid. You can duplicate your first Feature Grid then just change the Title, Description, Button Text and the Photos for the second and third Feature Grid so that you can have 3×3 Feature Grid.
One downside of this is, if you change the color of you first Feature Grid, you need to also do it on your second and third Feature Grid. But we will address this soon, we are planning to implement a Global Settings+User Saving of Blocks feature, this feature will allow users to save a block design so that they can add the block design to the other blocks even if the block is in different pages or section. But we’re still not sure when are we be able to release this, we’ll send a newsletter when this will be available.😊
If you have any other questions, don’t hesitate to contact us.
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] What am I doing wrong ??Unfortunately, on our demo page, we put the Post block inside the Container block. The one on your screenshot is apparently a Post block.
But in the current version (V 2.1.0), Container blocks already have “Image Layout”, where you can add an image in your Container block. Here’s one example of a Container block with the Image layout: http://bit.ly/2TJy5aY
If you have any other questions, don’t hesitate to contact us.
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Event block?Thanks for sharing this! An event block looks quite unique. I’ve added your suggestion in our Block Request/Suggestion List.
If you need anything else, don’t hesitate to contact us. Also, if you have more suggestions, please let us know. 😊
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] block team member linkUnfortunately, we don’t have a feature where you can add a URL that will link to a special page or an author page. But Team Member block already has Social Media buttons where you can add their social media pages.
Thanks for your suggestion. We will try to see what can we do about this in the future. 😊
For now, I’ve added your suggestion to our suggestion list.
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Problem in Image Box blockThanks for reporting these, but I think Version 2.1.0 already addresses these issues.
You can now change the Height of your Image Box to be able to see your long descriptions. Also, when you delete the title or description of the block, it is now easier to click the field than before.
If you have any other suggestions, don’t hesitate to contact us. 😊
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Add block not listingIt might be possible that the Stackable blocks are disabled on your site, that’s why you are unable to see the Stackable blocks. You can check the Stackable menu if the blocks are disabled. If you’ve disabled a block, you won’t be able to add the disabled block.
http://bit.ly/38pzt6NPlease also check your Block Manager and make sure that Stackable is turned on.
http://bit.ly/2NNm3K1You can see this on your page then click the Three Dots beside the settings.
http://bit.ly/3aqMWwZIf this still doesn’t work, if you still can’t see the Stackable blocks, we can investigate this further. Would it possible for you to give us admin login details with access to the block editor and plugins? We assure you that the details you’ll provide us will be safe with us and will only be used for the investigation. You can email us directly at support@wpstackable.com
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] CSS to add border to image boxesHi,
You can use this custom CSS code to be able to add a black border for your Image Box:
.ugb-image-box__item.ugb--shadow-0.ugb--hover-lift-staggered.rocket-lazyload { border: 1px solid black !important; }You can add this in Advanced > Custom CSS in your block inspector.
To change the background color of the title and the description, you can use this custom CSS code:
.ugb-image-box--design-captioned .ugb-image-box__item .ugb-image-box__content>.editor-rich-text:first-child, .ugb-image-box--design-captioned .ugb-image-box__item .ugb-image-box__content>.editor-rich-text:nth-child(2), .ugb-image-box--design-captioned .ugb-image-box__item .ugb-image-box__content>.ugb-image-box__description, .ugb-image-box--design-captioned .ugb-image-box__item .ugb-image-box__content>.ugb-image-box__title { background-color: (insert hex code here)80 !important; }Please take note to add 80 (without space) after the hex code of your chosen color. This will make the background color transparent. If you wish not to have it transparent, you can remove the 80 after the hex code.
You can also add this to your block inspector.
Let me know how it goes!
Forum: Plugins
In reply to: [Stackable - Page Builder Gutenberg Blocks] Blog Posts BlockHi,
In the current version (V2.1.0), we’ve already added an option to display and exclude a specific post. You will find it under Style > Post Settings.
If you have any other questions, don’t hesitate to contact us. 🙂