Again, newbie here…
Trying to position an H1 on page. How do I position it where I need it?
There is not much info in this post can you please add more detail or maybe screenshots of what you are trying to achieve from this all we have is you want a H1 somewhere on the page it could be anywhere with this info?
Teodor
December 8, 2022, 7:41pm
3
Please check my reply to your other post about the same thing:
Well it’s hard to answer this without seeing your page/code, so please share a screenshot showing your layout and/or the code also.
1 Like
ben
December 8, 2022, 8:31pm
4
In the other post you mention that you want to align the heading left center. The easiest way is to use a flex container as per following:
In the DOM panel, give the HTML element a height of 100
In the same DOM panel, give the BODY tag a height of 100
In the App Structure panel, add a Flex Container, align items and give it a height of 100
Add a Container and make it fluid
Lastly, add a Row, Column and a heading
I hope that this helps.
mzucker
December 9, 2022, 12:02am
5
Its a start. I would like to Overlay this on to a background video.
mzucker
December 9, 2022, 12:02am
6
So I would like to put a big title center left screen and of couches it would be responsive.
brad
December 9, 2022, 12:06am
7
This doc for an image but should be the same for video.
You can overlay any text over your images, using the Design Panel in Wappler.
We added a Bootstrap 4 Container on our page and it contains a Row with a Column. We’d like to insert our image inside this Column. Click the Add Inside button:
[Screenshot_24]
Open Content and add Image:
[Screenshot_25]
Browse to your image source and enable the Responsive checkbox:
[Screenshot_26]
Then, with the image still selected, click Add After button:
[Screenshot_27]
Open Content and add Title:
[…
mzucker
December 9, 2022, 12:14am
8
That does not work as the container is the background video
mzucker
December 9, 2022, 12:21am
9
Looks like the Flex Container did it, however how do I change the Text attributes (font, color, etc)
brad
December 9, 2022, 12:24am
10
If you want to change the header styles globally use the Theme Manager … if you need to style just that one instance use the Styles panel and add some CSS.