Help with buttons and image centering...

User 2886045 Photo


Registered User
38 posts

I can center buttons and text based on the alignment with the typography section, but if I put a placeholder image in my project, there's no way to center it across the row that I see. I had seen a way to do it before, but now I don't know what happened to it.

Also, I am trying to add a background color on my row and change my font color, size etc. I have done so as I want it to look on small mobile devices, but some of the fonts come up black and plain. Not what is pictured. Any suggestions?

Also, one more thing. The button attempts to center under the center alignment, but it doesn't actually center. It is slightly off center. Any particular reason why? Without messing with padding or margins it does this.

I did cross post from welcome to the forums, but have since purchased the software. Not sure if that changes anything. Anything below this is new text and not cross posted.

I am uploading my RSD by exporting it and using Classic FTP. I will save a new version, export to the same file directory and in my FTP moving to that file and only uploading the index.html (the only page I'm actively editing).
Should I be uploading the whole file every time, is that part of my problem?

I have limited internet at home so I was only trying to upload what is absolutely necessary for seeing my changes to the site.

If need be, I can upload my RSD file and link you to my site.
User 2699991 Photo


Registered User
5,397 posts
Online Now

DragonClaw wrote:
I can center buttons and text based on the alignment with the typography section, but if I put a placeholder image in my project, there's no way to center it across the row that I see. I had seen a way to do it before, but now I don't know what happened to it.

Also, I am trying to add a background color on my row and change my font color, size etc. I have done so as I want it to look on small mobile devices, but some of the fonts come up black and plain. Not what is pictured. Any suggestions?
I am uploading my RSD by exporting it and using Classic FTP. I will save a new version, export to the same file directory and in my FTP moving to that file and only uploading the index.html (the only page I'm actively editing).
Should I be uploading the whole file every time, is that part of my problem?

I have limited internet at home so I was only trying to upload what is absolutely necessary for seeing my changes to the site.

If need be, I can upload my RSD file and link you to my site.


For the image select the image go to dimensions section and select "auto" for left & right margins

For fonts & row colour make sure you are working to the left of your lowest breakpoint for the styling (TO THE LEFT NOT ON IT.)
Make sure you also export the css folder & the js folder, and the images folder (if you have one or any images that are placed on your index page) along with the index file
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 185561 Photo


Registered User
102 posts

DragonClaw,

If you upload your site and provide a link I think that you will get much better help.
Once you accomplish the impossible, then you can move on to the hard stuff!
User 2886045 Photo


Registered User
38 posts

Wayan, I am using it smaller than the last breakpoint, it is compressed into mobile view and looks perfect mostly.
On my dad's phone the menu opens properly, on mine it does not. It opens on one line rather than two.

http://kupkafamily.com/smstracker/

I also was able to place a symbol at the top of the page, the logo, but I am having trouble doing in the footer.

https://www.dropbox.com/s/sdmckyx5pm6rj5e/6.35.rsd?dl=0
User 2699991 Photo


Registered User
5,397 posts
Online Now

DragonClaw wrote:
Wayan, I am using it smaller than the last breakpoint, it is compressed into mobile view and looks perfect mostly.
On my dad's phone the menu opens properly, on mine it does not. It opens on one line rather than two.

http://kupkafamily.com/smstracker/

I also was able to place a symbol at the top of the page, the logo, but I am having trouble doing in the footer.

https://www.dropbox.com/s/sdmckyx5pm6rj5e/6.35.rsd?dl=0


I don't have a lot of time for on the internet at the moment, as I am in a remote area of Indonesia
for the image in your header, at below the lowest breakpoint (which I might add is very low !!) select the image, go to the design pane and go down to the dimensions section,, There you will see a bit called "Margin" there are tow bits you need to set to "auto" (the second & fourth one's (with arrows pointing left & right) that will put the image into the center of the column

for the button link "LEARN MORE" you need to remove all margins (starting below lowest breakpoint) you can set left right margin to "Auto" if you like, same as image)
now select the container holding the button-link,, go to "design pane and down to the section "Position"
there set "display to "Flex"
"Direction" to row
all other parts set to "Center"
That will put the button into the center of the container all the way up

Your Heading1 "Frequently Asked Questions" has been given the blue colour inside Text Editor which over-rides anything you try to do outside of text editoe,, so go past the lowest breakpoint (to the right) select the header1,, go into text editor
highlight the text and select the blue colour that you used before (it will already have the class heading-2 so that will then hold all the way up)
The menu thingy you are using is all over the place as far as the dropdown container is concerned, that whole thing needs re-doing.
For the logo image, select the logo image,,, right click with your mouse button,, select "copy"
go down to the footer and select the container (assuming thats where you want to put the logo image
right clck on the container and select "Paste" boom in goes your logo image,, you will then need to play around with widths etc to make it fit properly.
Hope you can follow that

Good luck

Wayan
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 2886045 Photo


Registered User
38 posts

That's mostly covered what I needed. Turned my second image with the father and daughter into a moving background and all. If you open it up on a desktop browser and compress it to a mobile size, it looks like it needs to. But it does not on actual phones.

User 2886045 Photo


Registered User
38 posts

I tried to remove the moving backgound, but on the mobile version it still shows up. Yet within the software it shows nothing and in all my containers and rows and everything, the image of the man and the daughter is still there. How can I delete it if I can't even find it? (Note, I already deleted the one I saw and that apparently wasn't the right one, so was there two all along or is there a bug?)
User 187934 Photo


Senior Advisor
20,271 posts

Set buttons to Display Block
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 2886045 Photo


Registered User
38 posts

Eric, that worked on my dropdown menu. Can you explain the display features or link me to a tutorial?

On a mobile site, my font changes where it is and doesn't look right on all devices. Could the display be set to something for that as well?

How do I center it vertically and horizontally as well?
User 2886045 Photo


Registered User
38 posts

Well, suddenly it isn't working anymore either and I'm not sure what to do.

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.