RSD assistance - Page 2 - Post ID 273926

User 2878472 Photo


Registered User
14 posts

Thank you, Wayan. That's what I'm going for on the mobile layout, when you'd drag the slider to the left of the left-most breakpoint.

Eric, that's what I'm going for. Unfortunately, the name is now missing on the wider layouts. I've been having a similar issue too, where I'd move something in a smaller layout and now had an additional element appear in the wider layout.

Here's what the client has approved for the layouts. (attached)
The help you've all been providing me has me so close I can smell it! Thank you!
Attachments:
User 2878472 Photo


Registered User
14 posts

I have the image sizing nicely and the name/credentials holding their line relatively well thanks to Eric's help. With that now missing on the wider formats, what should I be looking for to keep this from disappearing. Sometimes I have issues where I'll move something around in a smaller layout, only to have it doubled on the wider layout.
Attachments:
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Move the slider to the right until the element disappears.
Now click on the inspector tab and uncheck the hide items in this break point.
Now that you can see the item click on it and go back to the design tab and set its display properties to Display Block.
After your done go back to the inspector panel and check the box.
I would get rid of that extra image you have and resize just the one.
You'll have to select the column to set it to display block as you were hiding the entire column.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

See if this is OK.
Attachments:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2878472 Photo


Registered User
14 posts

Thank you, Eric. The layout for the mobile device to the left of the 640px breakpoint is great. But when the slider is at or larger than 640px, I'm trying to keep a larger photo to the left of the title and name/credentials text boxes. Again, that's where I'm running into problems. I can't seem to make objects stay where I want them. Take a look at the attached images that I've mocked up.

I so look forward to the day when I can look back on this and think how ridiculous I was trying to figure out something so basic. In the meantime, I'm trying your suggestions with the layout you've provided.

Thanks again for your help.
Attachments:
User 2878472 Photo


Registered User
14 posts

Ugh! I'm so close! With the help many of your have provided me with, I'm so close to getting this layout to be exactly what I'm looking for.

All I need to do now is have the name/credentials of the doctor sit together below the title of the program on the layout to the right of the 640 breakpoint. Everything to the right is working nicely. I was even able to add another button for a variant of the layout. I'm learning, but sooooo close! Here's my latest round, attached.

Thank you!
Attachments:
User 2878472 Photo


Registered User
14 posts

Here's my latest. I've conformed the page to not grow any wider than 700px. There really isn't much on the screen and the width looks odd when it stretches to a wide screen.

The only thing I need to do now is set the text to be stacked on the 640px+ side. The smaller layout is in good shape.
Attachments:
User 2699991 Photo


Registered User
5,400 posts
Online Now

Joseph Vargas wrote:
Here's my latest. I've conformed the page to not grow any wider than 700px. There really isn't much on the screen and the width looks odd when it stretches to a wide screen.

The only thing I need to do now is set the text to be stacked on the 640px+ side. The smaller layout is in good shape.

Go to just above the blue breakpoint
Just give the paragraph "First Author" some negative margin (around -100px )

Then make the top paragraph "Check Mate" 100% width


I would be inclined at below that breakpoint to give the paragraph some positive margin (around 71px) to make it a bit more centered in line with the image
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2878472 Photo


Registered User
14 posts

Thank you, Wayan. With some above-and-beyond help from John, he suggested the same thing. I think I'm in great shape at this point. You all have my most sincere thanks for the incredible help you've provided me.

Each of these pages is going to be a custom "landing page" for doctor presentations. The intent is to have their landing pages live in the same root directory with its associated subdirectories for art, css, etc.. Does anyone have a best-practice plan to achieve this for five separate pages, all of which will only be accessible by going directly to them? There's no menu structure involved.

My ideas...
a) Save an RSD file for each doctor, export when modification is complete, then drag the renamed html file into the root directory where they all will live, making sure that new images are included in the art folder.

Or...
b) Create a multi-page site of duplicated pages (with no navigation), modifying each page, then exporting everything to the root directory.

Thoughts? I'm trying option A now and will let you know what happens. My concern is that there may be CSS or JS files that are needed. If not, this would work nicely.
User 2878472 Photo


Registered User
14 posts

And sorry for the confusion. The account was set up in the boss' name despite me being the one doing the heavy lifting. I've changed the profile to reflect who is actually the brains here.

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.