RLM - Spacing - Page 5

User 103173 Photo


VP of Software Development
0 posts

Eric Rohloff wrote:
I sent you my email a week ago.;) What do I look like Spam!:lol:

You talking to me or Matt? :)
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 2924428 Photo


Registered User
1,718 posts

*Confused*

I didn't get an e-mail Eric, try again at scripeon@gmail.com

I don't think it's spam. Gmail auto-deletes e-mails they think are spam related and don't give me the option of keeping them, unless I have a setting already checked in there that deletes automatically.
Resend, i'll check in a few minutes here..

Scott, the button does not re-size to the browsers squeeze is what me and Eric want it to do..
Like shrink smaller as the squeeze is applied.
User 2484360 Photo


Registered User
3,293 posts

Matt,

You may want to read over this post. This is the answer to the issue you are having. Do what Chef explains here.

Chef-Scott wrote:
Here is a quick and dirty proof-of-concept as to what I think you are trying to accomplish.

http://www.decalsandtees.com/rlmp/

Nothing fancy at all. There is a single breakpoint in the RLMP layout at 630px that rearranges the layout of the buttons. The buttons themselves have breakpoints set at 950px, 690px and 550px. You have to work with the breakpoints in both programs to get what you want. :)


Note that RLM has different breakpoints than your button. Remember the button width is dependent on the width of the <div> or element you are placing it into. You would need to adjust the width of your button in each breakpoint in BB to match that of RLM.
User 122279 Photo


Senior Advisor
14,461 posts
Online Now

Matt,
I have only had time to play a wee bit with the Button Builder, but it seems pretty straight-forward. Practise on the default button that comes with the programme, leave all the settings as they are.
Then set a breakpoint, say, around 700px, go to the fonts tab and reduce the size from 4em to 3 (or thereabouts) for the main text. You can reduce the font size of the secondary line too.
Then set a new breakpoint at appr. 500px, repeat what I said about reducing the font size. And so on and so on...
If, when you have reduced the text so that the secondary text can't be read any more, you can choose to hide it (on the general tab) and adjust the bottom padding for the button so that the main text is nicely positioned.

It's all about setting breakponts and playing around with font size, and possibly also padding.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,193 posts

Scott Swedorski wrote:
Eric Rohloff wrote:
I sent you my email a week ago.;) What do I look like Spam!:lol:

You talking to me or Matt? :)

I was typing @ Matt. We posted at the same time and I never saw yours.;)
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 2924428 Photo


Registered User
1,718 posts

@ Adam i'll read it over right now, haven't had a chance because of school. Thanks again!

@Inger Inger you speak my language! I was just about to ask if I had to adjust the size of the buttons each breakpoint. So I guess i'll go get to re-sizing each button.

How do I get the HTML --> CSS to adjust when the browser is squeezed?
User 2924428 Photo


Registered User
1,718 posts

Chef-Scot you are a genius, I didn't know it could respond like that!
User 2924428 Photo


Registered User
1,718 posts

Chef-Scot I am not seeing where you linked the stylesheets into the html where the buttons go.
All of them are labeled as .buttonRegular as well which is kind of odd to me that you didn't have to rename the files?

The stylesheets name is home-pics-forum-team but they aren't linked in the html where you put the menu..

The stylesheets strike me as being very complex as you have added a class to some of the areas that I don't really know about.
If you could enlighten this soul I would much appreciate it!!
User 2924428 Photo


Registered User
1,718 posts

Got it done guys, thanks so much!! :)
User 187934 Photo


Senior Advisor
20,193 posts

UncleMap wrote:
Got it done guys, thanks so much!! :)

Looks pretty good Matt. I think a few adjustments are needed in the break points as the buttons still blend together at a few spots.
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

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.