IceCubo

Details

Until recently creating the “Details” element required the involvement of using HTML, CSS, and JavaScript to reveal additional content. Nowadays, the details block comes built in WordPress as a core block.

This feature is particularly useful for managing large amounts of information without overwhelming the viewer, as it allows for the content to be hidden until the user chooses to view it.

IceCubo theme provides additional styling for this block.

Default style:

Lorem ipsum dolor sit amet?

Dolor morbi non arcu risus quis. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Enim diam vulputate ut pharetra. Integer feugiat scelerisque varius morbi enim nunc faucibus. Feugiat scelerisque varius morbi enim nunc faucibus a. In nisl nisi scelerisque eu ultrices vitae auctor eu.

Square style:

Lorem ipsum dolor sit amet?

Dolor morbi non arcu risus quis. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Enim diam vulputate ut pharetra. Integer feugiat scelerisque varius morbi enim nunc faucibus. Feugiat scelerisque varius morbi enim nunc faucibus a. In nisl nisi scelerisque eu ultrices vitae auctor eu.

Oval style:

Lorem ipsum dolor sit amet?

Dolor morbi non arcu risus quis. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Enim diam vulputate ut pharetra. Integer feugiat scelerisque varius morbi enim nunc faucibus. Feugiat scelerisque varius morbi enim nunc faucibus a. In nisl nisi scelerisque eu ultrices vitae auctor eu.

Without the left border:

Lorem ipsum dolor sit amet?

Dolor morbi non arcu risus quis. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Enim diam vulputate ut pharetra. Integer feugiat scelerisque varius morbi enim nunc faucibus. Feugiat scelerisque varius morbi enim nunc faucibus a. In nisl nisi scelerisque eu ultrices vitae auctor eu.

Note: To eliminate the left border, just add a class noice from the block advanced tab

Explore more block styles:

  • Details

    Reveal additional information with details block but as well apply specific styling provided by IceCubo theme.

  • Lists

    The IceCubo theme allows you to create various list styles, for example those with check marks and plus signs.

  • Group

    Do a lot of things when it comes to gathering blocks into the group and styling them. Unleash your creativity!

  • Social icons

    With IceCubo theme, you can easily make your website more social and engaging for your visitors.

  • Pullquotes

    With pull-quote block highlight important quotes and emphasize memorable statements from your content.

  • Buttons

    The IceCubo theme offers a variety of button styles that can be added to each button block. Take a look!

  • Headings

    Check out this example and see for yourself how easy it is to add extra style to your website headings.

  • Navigation links

    With IceCubo make the particular navigation link prominent giving more attention for important pages.

  • Navigation styles

    You have the freedom to highlight things up and use some alternative styles to make it visually appealing.

  • Quotes

    There are a lot of things you can do when it comes to styling the quotes on the site. Get creative and make them stand out.

  • Post titles

    With IceCubo, easily transform a style to all post titles on the template you’re editing. Style the page titles on the entire site.

  • Images

    Adding images to your WordPress page is easy. Now, let’s take a look at how it’s applicable with the IceCubo theme layout.

  • Fluid typography

    This means that the typography can scale up or down as required, resulting in a more adaptable and user-friendly design.

  • Code

    Here’s how it looks when you’re laying some code on the page. Let’s see an example of how the code block is styled.

  • Tables

    Let’s see the table block with some dynamic styles using the IceCubo theme. Get ready to style the tables on your site!

  • Content boxes

    Make the prominent content boxes out of the simple paragraph block either by applying styles provided by the IceCubo theme.