Tech Support banner

1 - 20 of 43 Posts

·
Registered
Joined
·
1,389 Posts
Discussion Starter #1
Hello,

I'm learning Bootstrap coding and I created my first Boostrap webpage but for some reason, I'm unable to resolve the issue with the text in the footer area when resizing the webpage. Everything else seems to be working fine. I've attached the HTML and CSS files. Will appreciate you explaining what I'm missing. Thanks and cheers

CSS:

html {
height: 100%;
}

body {
background: #fff;
font-family: Century Gothic,
color: #808080;
}

}
@font-face {
font-family: Century Gothic;
src: url(../fonts/Gothic.ttf);
}


.container {
margin: 0 auto;
width: 60%;
text-align: center;
}

h1 {
display: block;
margin-top: 5.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-size: 17px;
font-family: Century Gothic;
color: #FF7575;
}


h2 {
display: block;
margin-top: 0.45em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-size: 50px;
font-family: High Tower Text;
color: #808080;
}

/* unvisited link */
a:link {
color: #808080;
}

/* mouse over link */
a:hover {
color: #FF7575;
text-decoration: none;
}

h3 {
display: block;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-size: 18px;
font-family: Century Gothic;
color: #808080;
}

.footer {
padding: 2em;
}


.footer:after { /* this is the border */
content:"";
display: block;
width: 70em;
max-width:80%;
border-bottom: 1px solid #C0C0C0;
margin: 2em auto 0;
}


p.copyright {
font-family: Century Gothic;
font-size: 14px;
color: #808080;

}

p.legal {
font-family: Century Gothic;
font-size: 14px;
color: #808080;

}



HTML
 

·
Windows Specialist, Microsoft Support, BSOD Kernel
Joined
·
617 Posts
It appears the HTML code is missing, if possible edit the post or add the HTML in a new post.
 

·
Registered
Joined
·
1,389 Posts
Discussion Starter #4
Oh, sorry, I thought I posted the HMTL file as well. I'm unable to post the HMTL for some reason.
 

·
Windows Specialist, Microsoft Support, BSOD Kernel
Joined
·
617 Posts
Put it inside code tags, like
[ code ]HTML here[ / code ]
without the spaces.
 

·
Windows Specialist, Microsoft Support, BSOD Kernel
Joined
·
617 Posts
Attach the HTML file.
 

·
Windows Specialist, Microsoft Support, BSOD Kernel
Joined
·
617 Posts
As .txt file should work.
 

·
Windows Specialist, Microsoft Support, BSOD Kernel
Joined
·
617 Posts
Final solution, upload it to onedrive, dropbox, google drive or a similar service you use and post a share link.
 

·
Manager, - Alternative Computing, - Design
Joined
·
6,498 Posts
Hey I wanted to just jump in and say that we are working on the back end with people to get the attachment issue working? I know it is very troubling currently. Hopefully it will be figured out in the near future. Thank you for your patients.
 

·
Registered
Joined
·
353 Posts
Don't quite fully understand what exactly the issue is your trying to resolve? The center aligned text?

Code:
footer .copyright {
    text-align: center;
}
 

·
Registered
Joined
·
1,389 Posts
Discussion Starter #18
Hey I wanted to just jump in and say that we are working on the back end with people to get the attachment issue working? I know it is very troubling currently. Hopefully it will be figured out in the near future. Thank you for your patients.
Thanks :)
 

·
Registered
Joined
·
1,389 Posts
Discussion Starter #19
Ok, since I'm learning a lot of Bootstrap using W3 Schools, I got question: I'm trying to decrease the width of the left container but I'm unable to figure it out. I was able to change the text size, etc. by adding a custom CSS like this one and it worked:

.bg-warning {
background-color: #fff;
font-family: Century Gothic;
font-size: 16px;
color: #333;
padding-top: 30px;

}
 
1 - 20 of 43 Posts
Top