Page 1 of 1
dialog header bootstrap
Posted: Sat Feb 14, 2026 2:00 am
by miodrag
hello everyone , i have one dialog with bootstrap type and everything was fine centered from style except header title, in software it shows center when i select center in style but in preview it goes left ...i was confused so i must ask .Any help appreciated
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 7:40 am
by Pablo
If you need help, then please share a DEMO project (not the full project) so I can see your settings.
For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 1:47 pm
by miodrag
https://www.mediafire.com/file/50x7a86i ... 1.wbs/file
this is the link with new project with diag , i use bootstrap type because i want locked screen when message pop ups, and text in header - This is the title i centered in style and in the software but when preview its going left
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 2:14 pm
by crispy68
It looks to me that in the CSS code, the
text-align:center is being applied to the <h4> tag versus the "modal-header" tag. It doesnt work applying it to the h4 tag when the h4 tag has no width applied to it. If the h4 tag had a width of 100% then it would work.
If you want to use the <h4> tag, you can add some CSS between the head tags:
Code: Select all
<style>
#Dialog1 .modal-header{text-align:center;}
</style>
Change "Dialog1" above to match the ID of your dialog.
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 2:15 pm
by Pablo
The problem is related to the selected heading tag. Currently, this is set to <h4>, which means that the header inherits the properties of the h4 style.
To solve this, either select a different header tag or update the properties of the <h4> style.
Also, note that support for the version you are using has ended.
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 2:22 pm
by miodrag
Thank you , i will buy the new version as soon as possible
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 3:49 pm
by miodrag
i selelcted heading tag to none and its centered now, but when i changed heading styles in style menager text alighn to centar it does not worked with that , only with header tag selected to none
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 5:32 pm
by Pablo
You will also need to remove display:inline-block from the style, otherwise the heading is not full width.
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 5:36 pm
by miodrag
Thank you pablo
Re: dialog header bootstrap
Posted: Sat Feb 14, 2026 7:22 pm
by onlye
miodrag wrote: Sat Feb 14, 2026 2:22 pm
Thank you , i will buy the new version as soon as possible
note that purchasing the current version 20 today gives you a free upgrade to version 21 when available. did you see the teaser?
viewtopic.php?t=101341