V3 adding footer with custom .css file

User 2765857 Photo


Registered User
614 posts

Hello all,
Slowly working and making progress updating from 1.5 to V3 thanks to ALL that have given me so much help-Thank you!

I have my V3 test up on CC site, this way I can test on all browser and see how it looks on cell, tablet and desktop.

I went to the manage pages in V3 and added in the header
<link rel="stylesheet" href="./footer-basic-centered - E.css"> file and in the "Footer" area I added the custom script
Note: I did not add the check for Global.
I uploaded the new V3 test index page along with the updated css and js folders. as you can see on the test page http://kscandyfavors.coffeecup.com/ the footer is not right it should be centered and blue BG. It works good in CC preview in 3 different browsers so just wondering if I should add someplace else??????

Still concerned about what Font is good to use on all browsers??? Arial-Helvetica or Geneva

Thanks in advance,
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 2699991 Photo


Registered User
4,799 posts
Online Now

Ray wrote:
Hello all,
Slowly working and making progress updating from 1.5 to V3 thanks to ALL that have given me so much help-Thank you!

I have my V3 test up on CC site, this way I can test on all browser and see how it looks on cell, tablet and desktop.

I went to the manage pages in V3 and added in the header
<link rel="stylesheet" href="./footer-basic-centered - E.css"> file and in the "Footer" area I added the custom script
Note: I did not add the check for Global.
I uploaded the new V3 test index page along with the updated css and js folders. as you can see on the test page http://kscandyfavors.coffeecup.com/ the footer is not right it should be centered and blue BG. It works good in CC preview in 3 different browsers so just wondering if I should add someplace else??????

Still concerned about what Font is good to use on all browsers??? Arial-Helvetica or Geneva

Thanks in advance,
Ray


Hi Ray
So why didn't you just make the footer in SDv3 ?

Your thing in the header is pointing to a file "./footer-basic-centered - E.css" which should be in your resources folder
which should contain the css code for the footer.

Take the css code (the one in your footer)
either
1/ put that in your header (remove the href link)
or
2/
take the CSS code, out of the footer, remove the hfref link in the header, create a folder titled "footer-basic-centered - E.css" somewhere on your pc, copy & paste the CSS code into it, & then add that folder to your resources within SDv3

back into the header section, add the link to the folder you just created using the button that is there rather than typing the link

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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,799 posts
Online Now

I still don't know why you haven't just done the footer straight into SDv2, looking at the code that you placed into the footer isn't actually css code it's html
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2765857 Photo


Registered User
614 posts

Wayan Jaya wrote:

Hi Ray
So why didn't you just make the footer in SDv3 ?
Your thing in the header is pointing to a file "./footer-basic-centered - E.css" which should be in your resources folder
which should contain the css code for the footer.

Take the css code (the one in your footer)
either
1/ put that in your header (remove the href link)
or
2/
take the CSS code, out of the header, create a folder titled "footer-basic-centered - E.css" somewhere on your pc, copy & paste the CSS code into it, & then add that folder to your resources within SDv3

back into the header section, add the link to the folder you just created using the button that is there rather than typing the link

Thanks Wayan will try both of your tips come morning been at it all day getting bleary eyed right now. Hopefully I'm getting the Containers correct just have to keep practicing.
Hey Wayan don't you ever sleep?? Its almost 4:00 pm here so should be 4:00 am Java time or are you an early riser?
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 2699991 Photo


Registered User
4,799 posts
Online Now

Ray wrote:
Wayan Jaya wrote:

Hi Ray
So why didn't you just make the footer in SDv3 ?
Your thing in the header is pointing to a file "./footer-basic-centered - E.css" which should be in your resources folder
which should contain the css code for the footer.

Take the css code (the one in your footer)
either
1/ put that in your header (remove the href link)
or
2/
take the CSS code, out of the header, create a folder titled "footer-basic-centered - E.css" somewhere on your pc, copy & paste the CSS code into it, & then add that folder to your resources within SDv3

back into the header section, add the link to the folder you just created using the button that is there rather than typing the link

Thanks Wayan will try both of your tips come morning been at it all day getting bleary eyed right now. Hopefully I'm getting the Containers correct just have to keep practicing.
Hey Wayan don't you ever sleep?? Its almost 4:00 pm here so should be 4:00 am Java time or are you an early riser?
Ray


Always start my day around 2:00 am -3:00 am

Lina has her praying at 2:30 - 3:00 (depending on if she wakes up enough after I wake her up. :D (sometimes needs an extra 10-15 mins) Then I accompany her to the prayer room because she is scared of ghosts & things that go bump in the night.
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2765857 Photo


Registered User
614 posts

Wayan Jaya wrote:
I still don't know why you haven't just done the footer straight into SDv2, looking at the code that you placed into the footer isn't actually css code it's html


Wayan should I than add a footer container and than add a html element and add that script into the html element? :rolleyes:
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 2699991 Photo


Registered User
4,799 posts
Online Now

Ray wrote:
Wayan Jaya wrote:
I still don't know why you haven't just done the footer straight into SDv2, looking at the code that you placed into the footer isn't actually css code it's html


Wayan should I than add a footer container and than add a html element and add that script into the html element? :rolleyes:

Why not just make the footer within sdv2

put a container at the bottom of the page,(give it a tag of footer if you want) add elements

style it whowever you want.
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2765857 Photo


Registered User
614 posts

Wayan Jaya wrote:
Ray wrote:
Wayan Jaya wrote:
I still don't know why you haven't just done the footer straight into SDv2, looking at the code that you placed into the footer isn't actually css code it's html


Wayan should I than add a footer container and than add a html element and add that script into the html element? :rolleyes:

Why not just make the footer within sdv2

put a container at the bottom of the page,(give it a tag of footer if you want) add elements

style it whowever you want.

Will work on it again tomorrow you mentioned sdv2 you do mean the SD-V3 that I am using.?
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 2699991 Photo


Registered User
4,799 posts
Online Now

Ray wrote:
Wayan Jaya wrote:
Ray wrote:
Wayan Jaya wrote:
I still don't know why you haven't just done the footer straight into SDv2, looking at the code that you placed into the footer isn't actually css code it's html


Wayan should I than add a footer container and than add a html element and add that script into the html element? :rolleyes:

Why not just make the footer within sdv2

put a container at the bottom of the page,(give it a tag of footer if you want) add elements

style it whowever you want.

Will work on it again tomorrow you mentioned sdv2 you do mean the SD-V3 that I am using.?


Yes SDv3
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
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 122279 Photo


Senior Advisor
14,450 posts
Online Now

Ray, I hope you don't mind me giving you some feedback that you haven't asked for, and that you might not agree with. It's with my very best intentions.

I think you ought to make your site wider. In some discussion here someone advised you that 1024 px would be good, but your site is much narrower than that. If you would use a bit more width, you could also position some elements side by side, like e.g. those links to confirmation and communion pages and those other two lengthy buttons below that. That would make a variation to the 'list' appearence, with everything below each other.
Another thing I was looking for, was where you got your h1 heading. The h1 tag is something Google is looking for, and it should be used for the most important header on the page. You have used it for 'Personalized Hershey's....' I would have thought the most important header would be your own company name, but that is buried in an image, so Google won't find it. I think you should write your company name as text with h1 tags around it. Maybe also move the phone number and address a bit away to make the name stand out.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.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.