Having Paragraphs and Title centered...

User 2410279 Photo


Registered User
13 posts

Hello,

I'm having trouble getting my paragraphs and titles to line up properly when previewed online. They seem centered in the software but when previewed online, become scattered. I believe this is because my browser PX is larger than the software's available, visible PX scale.

Is there a way to have paragraphs and titles centerly follow a given video?

User 103173 Photo


VP of Software Development
0 posts

Can you attach your project file Gordon so we can see how you have things configured?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2410279 Photo


Registered User
13 posts

As you can tell, the screenshot of the online preview looks fine besides the paragraphs. The program has everything scattered around just in order to have the items centered on the web preview. I realized after reducing my browser's webpage size that the web preview would revert to how the program would look, with everything looking messy and unorganized. This is clearly a problem, because I can't find any middle ground between what I see in the program and what is previewed online. The in-program preview works fine so far but doesn't show me everything in real time (lack of video).

I can't seem to upload the RSD file, with errors arising.


Attachments:
User 103173 Photo


VP of Software Development
0 posts

Gordon Moore wrote:
As you can tell, the screenshot of the online preview looks fine besides the paragraphs. The program has everything scattered around just in order to have the items centered on the web preview. I realized after reducing my browser's webpage size that the web preview would revert to how the program would look, with everything looking messy and unorganized. This is clearly a problem, because I can't find any middle ground between what I see in the program and what is previewed online. The in-program preview works fine so far but doesn't show me everything in real time (lack of video).

I can't seem to upload the RSD file, with errors arising.



ZIP the project file up (if over 3mb) and upload it to your server and post a link to the file.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2410279 Photo


Registered User
13 posts

Another attempt ;)
Attachments:
User 103173 Photo


VP of Software Development
0 posts

You had a bunch of odd issues there that needed some addressing.

1. Was there a reason you were adding the paragraphs into a container element? For what you were doing, it was not really needed.

2. You had 4 columns all with different spans and placed paragraph elements into each. This caused many issues when resizing to lower breakpoints.

3. I removed all the rows under the HTML Elements.

4. Added a paragraph then to each column just below each HTML Element. I also assigned a class name so you can easily make global changes to the paragraphs.

5. I also fixed your headings and moved them into the same column (they were in a different row).

Is this what you are looking for?

http://five.coffeecup.com/products.html
Attachments:
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2410279 Photo


Registered User
13 posts

Beautifully done, Scott! I tried everything to get it there, lol, including inserting random containers. It should be evident now that I didn't know (or try) combining various elements within the same column. Perhaps this obstacle has been addressed somewhere else but if not, would prove a worthy tip to those fresh to the software, who have little to no prior experience in this subject.


Thank you very much, Scott!
I wish you a great day!

Jacob
User 103173 Photo


VP of Software Development
0 posts

Glad I could help. ;)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 188640 Photo


Registered User
895 posts

Gee, I didn't know it was that easy to get Scott to do a project for us. :D
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,087 posts

Yea I'm sending him mine next! :lol::lol::lol::lol:
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.