dialog header bootstrap

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
miodrag
 
 
Posts: 105
Joined: Tue Jul 12, 2022 11:00 am

dialog header bootstrap

Post 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
User avatar
Pablo
 
Posts: 24272
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: dialog header bootstrap

Post 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
miodrag
 
 
Posts: 105
Joined: Tue Jul 12, 2022 11:00 am

Re: dialog header bootstrap

Post 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
User avatar
crispy68
 
 
Posts: 3163
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: dialog header bootstrap

Post 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.
User avatar
Pablo
 
Posts: 24272
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: dialog header bootstrap

Post 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.
miodrag
 
 
Posts: 105
Joined: Tue Jul 12, 2022 11:00 am

Re: dialog header bootstrap

Post by miodrag »

Thank you , i will buy the new version as soon as possible
miodrag
 
 
Posts: 105
Joined: Tue Jul 12, 2022 11:00 am

Re: dialog header bootstrap

Post 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
User avatar
Pablo
 
Posts: 24272
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: dialog header bootstrap

Post by Pablo »

You will also need to remove display:inline-block from the style, otherwise the heading is not full width.
miodrag
 
 
Posts: 105
Joined: Tue Jul 12, 2022 11:00 am

Re: dialog header bootstrap

Post by miodrag »

Thank you pablo :)
User avatar
onlye
 
 
Posts: 518
Joined: Sun Jun 17, 2018 12:36 am
Location: Gluckstadt, MS USA
Contact:

Re: dialog header bootstrap

Post 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
onlye
Gluckstadt, MS USA
Post Reply