I am creating a Website for Mobile. I need to create Pages where each page will have 90% text and just a small image within it like an icon etc. Please advise which Flexblock should I use where I can mix Text and image in it. I need a free format so that I can put image anywhere within the text content.
I am attaching an Image of the Home Page that I wish to design.
Please advise hiw I can acchive this. I have tried but unable to find a way.
Hi,
To create a page like the one above, there’s no need to use Flex Block elements, as those are designed to pull in articles or custom post types (CPTs).
In your case, since you only want to display images and text, you can simply use the Image and Text elements. For the background color, you can set it at the row level, and for titles, you can use the Title element.
Thanks. Can you please advise some steps how to use Text,Image Elements & Color. How do I pull all the three in the row. Which elements ?
Hi,
There are several ways to achieve this. You can use custom HTML and CSS (for example, generated based on your design) and place it inside a Raw HTML element, or you can build it using the theme’s elements.
The simplest and fastest approach would be to use an Inner Row, along with Title and Column Text elements. Here’s how you can do it:
– Start by adding a main row.
– Inside that row, insert an Inner Row.
– For the inner row, set the background color and adjust the width as needed (you can customize this per device if required).
– Add a Title element, then set your text, choose a style, and adjust the color and font size.
– Finally, add a Column Text element. Within it, you can insert an image and text—using a two-column format if needed.
https://prnt.sc/Gkp16IfbjjhZ – https://prnt.sc/NgiKItHsi85F
https://prnt.sc/pm61hKIsMaz7 – https://prnt.sc/3xJg-2eEpaTJ
