Flexbox Alignment + Difficult Social...

User 2889891 Photo


Registered User
42 posts

Good Evening (AEST),
I have built and published my first website...

www.saltsforhealth.com.au

The entire project start to finish took exactly 2 weeks for 'family'. But, I have two issues...

Firstly,
1 social icon refuses to load (the facebook icon), everything else works. But this 1 icon refuses to load. I have deleted the icon and redone + removed/re-added to the resources panel the social icon, but it just doesn't work. (Screenshots from RSD, compare to browsers & you will see it's not working).

Thoughts?

Secondly,
On the CONTACT page, the webform refuses to Center. I am using a FLEXBOX set to Centre | Stretch | Centre (photo attached). But in all Browsers it will not center.

Any idea what I am missing?

Also, for a first website, what do you think? (still pending some photo's for the various options in the BOOKINGS page).

Thank you for your help,
- Tech-Xcellent
Attachments:
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2792467 Photo


Registered User
161 posts

Nice site.

To center your form set the margins of the html element (that contains the form) to auto:
margin-left:auto;
margin-right:auto;

The reference to your facebook icon is probably incorrect. It refers to a folder called "socialicons" whereas the reference to your instagram icon refers to a folder "salt_footer". Check your resources, may be you moved icons to a subfolder you created in resources.
Eindhoven :: Netherlands

It's easy to see, once you see it.
User 2792467 Photo


Registered User
161 posts

About your social icons: the instagram icon should have a transparent background (did you copy it from another site?). I would increase the size of your social icons a bit and give them another color (orange ?) to have them stand out.

Eindhoven :: Netherlands

It's easy to see, once you see it.
User 2623310 Photo


Ambassador
282 posts

Hi Tech,

I look at your code for the page. It shows this for the placement for image.

/socialicons/webicon-facebook.png

Make sure that is where it is and it's spelled right.

When I add this to it
http://www.saltsforhealth.com.au/social … cebook.png

It come up with not found on server error

Hope this helps you out.

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.