ChristopherF

Which index.php should I be looking at? the one inside the wordpress folder or in the wp-content folder or the one inside the wp-content\themes\evolve

Also, how do I download a fresh copy of the index.php

OK, cool. I just installed and will try it

Thanks,
Chris

Nice, I didn’t know about media queries. This worked! Keeps the social media links to the right side of the header on devices now. There’s also a good explanation on W3Schools
Thank you!

@media (max-width: 768px) {
.sc_menu li {
float:right !important;
}
}

resolved

I have done some fiddling around, could you tell me how I can get that back? Or how I can re-set the style.css to original? If that is what needs to be done.

Thanks,
Chris

Wow, I just put this in but moved it to the top of the “custom css” field (top of the list) and it is fixed. So it matters what order it’s in? I guess it does. fixed!!

.content-bottom {
border-top: 0px;
!important;
}

Thanks for your reply. No, I did not fix this. My apologies, I forgot to mention – because the title doesn’t show up in the blog post…When I write the blog entry in “Add New Post” I use this <h2>The Principles of Animation</h2> under the “text/HTML” tab, so that I can at least have a title in there. But where you enter the title (at the top of the page, where you’re supposed to do it) does not give me a title on the blog post.

I added that to the custom css, but it’s not working. Driving me nuts, that should work. I inspected it in firefox and explorer – when I check off the border-top it gets rid of it. But this isn’t doing anything when I use it in the custom css

OK, I forced it to maintain it’s size and position by doing this…

.footer{
width:1200px;
height:125px;
margin:auto;
{

But now I have this crazy white line that won’t go away right above the footer. I inspected, and it’s called div.content-bottom and it’s 1903×1;border-top: 1px solid #FFF; and the website is now not mobile responsive at all, probably because this 1903x1px line across the top of the footer.

I added this code below which should fix the issue (the line goes away when inspecting, and clicking off the border-top:0px item.)But when I add this in custom css in my theme it does nothing.

.content-bottom{
border-top:0px
}

Oops, here’s my site.

animcareerpro.com

Thanks for your reply, you can see a white bar at the very bottom of the home page, that’s the spot where the footer is supposed to go. It’s spans the entire horizontal length of the browser. On the other pages it fits the 1200px content area.

I’ll place the footer image back in there so you can see it better. Also, these are the changes I currently have in the “custom css” section.

.entry-content h1 {
font-size: 40px !important;
}

.entry-content h2 {
font-size: 40px !important;
}

/* this is the “register” link */
#menu-item-536 a span {
margin-left:0px
}

/* this is the “login” link */
#menu-item-541 a span {
margin-left:0px
}

/* this is the “Go to Class” link */
#menu-item-417 a span {
color:green !important;
font-weight:900;
}

/* this is the “tuition” link */
#menu-item-621 a span {
padding-right:130px
}

.post-more {
visibility:hidden
}

#wrapper {
margin: 0 auto 0px auto !important;
}

.footer img {
width: 100%;
height:100%;
}

.sc_menu li {
margin-top:8px;
}

.entry-content img{
padding:0px;
!important;
}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol{
margin-bottom:10px;
!important;
}

.content-bottom{
border-top:0px
}

My Footer is still messed up. It’s the full width on the homepage, and fits the content area on all other pages.

animcareerpro.com

I’m using a custom footer and an image for the header. I think they need to be responsive so that they scale with the rest of the site…but how? I’m assuming I need to have some css? Please advise.

Won’t let me add a link. Here’s the url
animcareerpro.com