Page 1 of 1

***SOLVED*** Header Text not Centered and Image not Displayed in Preview

Posted: Sun Jul 26, 2020 7:47 pm
by vance
Hello There,

Newbie here. This is my first post ever.
I used the Card-Experiments template.

In the Preview, my Header Text is not centered vertically on the Catholic Church image at.
https://www.dropbox.com/s/vh4gbs6tqgr1s ... R.jpg?dl=0

And the Catholic Church image does not show in my website at:
https://onlineprayers.dashnexpages.net/schedule/

My demo site is at:
https://www.dropbox.com/s/sv7ndiu9xzjye ... s.zip?dl=0

Any help or support in my 2 issues?
Whatever it will be, thanks.

Sincerely yours,
Vance

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Sun Jul 26, 2020 8:01 pm
by bkjohns
Be sure your image names conform to WWB requirements - no spaces, etc. That seems to be the cause of a lot of image issues.

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Sun Jul 26, 2020 8:20 pm
by vance
bkjohns,
thanks.
your suggestion works.
i simply removed the spaces and there the image appeared from nowhere.

only 1 issue left.
how to center my text vertically at the center of my header image.

again my thanks.
vance

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Sun Jul 26, 2020 8:37 pm
by Pablo
Please note that we cannot see what you have done based on the published page.
The software has thousands of options and millions of possible combinations so there is no way to know what you have done without seeing the project file.

But you can vertically align elements in a layout grid when you set the grids system to 'flex box'.

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Sun Jul 26, 2020 11:31 pm
by vance
But Sir Pablo,

I have indicated the link to my Project File in my original post.
Have a look. It is there - the 3rd link in my post.
I used the words Demo Site and it is a ZIP FILE stored in Dropbox.

I tried your suggestion which is:
"You can vertically align elements in a layout grid when you set the grids system to 'flex box'."

But I was unsuccessful.
1st step I used was at the Page Properties via "View - Guide Settings - then look the option for Flex Box".
I could not find any Flex Box there.

2nd step I did was to click the Layout Grid of the Template near my Header Text
and look for any sign of Flex Box but again the result is negative.

What could have I done wrong?

Respectfully,
Vance
"Manny Cena"
Emmanuel A. Cena

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Mon Jul 27, 2020 12:10 am
by gofrank
Open your project and double click the layout grid in question. On the lower right of the layout grid dialog, click on the drop down labeled "Grid System:" and choose "flexbox". Then click "OK".

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Mon Jul 27, 2020 1:09 am
by vance
hello gofrank,
thank you for your assist on flex box.
yes, I found it, clicked it, and clicked ok.

but when I tried to center my text on the image,
still the result is unsuccessful.
the text just moved immediately to the top.

but at least I know now where the flex box is.
vance

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Mon Jul 27, 2020 7:36 am
by Pablo
Firstly, when you share a demo project can you please remove all content that is not relevant to the question?
So, in this case there should only be a layout grid with a heading on the page.
See also the FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

The layout grid has bottom padding of 250, so that is why there are 250 pixels below the header.

Also, the heading is the only object in the grid so there is no space to align the object vertically.
The grid will be the same height as the heading + padding.

If you want spacing above and below the heading then also add padding to the top.
Or add margin to the heading.

Re: Header Text not Centered and Image not Displayed in Preview

Posted: Mon Jul 27, 2020 7:50 pm
by vance
Thank You.