TwentyTwelve – Tried everything to remove grey lines

  • Resolved FM1970

    (@fm1970)


    9 years, 6 months ago

    Hello, I am another novice and had absolutely no idea what I was doing when I started with WordPress about three weeks ago, so please keep it simple.

    This is my website: http://www.francescamazzotti.com/ using the TwentyTwelve theme.

    I am customising on a child theme and I need help with the following, please:

    I’d like to remove the superfluous grey lines (one on the Home page and last (Contact) page, and three on the other pages) between the end of content and the footer on all pages. I did manage to remove the double lines twice, but somehow they returned. I seem to be particularly skilled at adding extra lines.

    I modified the “Proudly powered by WordPress” footer to show my business number instead, and I want to keep the grey line immediately above it.

    Thank you, people! I’m pleased with how my website is coming together, but I wouldn’t have been able to do it without constantly referring to the generous advice given in this forum.

Viewing 9 replies - 1 through 9 (of 9 total)
  • bradchando

    (@bradchando)

    9 years, 6 months ago

    Hello,

    Try adding this code to the bottom of your child theme’s style sheet.

    footer[role="contentinfo"]{
   border: none;
}

    Let me know if you need more help.

    Thanks,

    Brad

    Thread Starter FM1970

    (@fm1970)

    9 years, 6 months ago

    Thanks Brad, but unfortunately that didn’t work. I wonder if I have done something that overrides these additional codes.

    bradchando

    (@bradchando)

    9 years, 6 months ago

    In looking at your stylesheet there are special characters being substituted for the quotation marks in the code I suggested using (line 81 of style.css). This probably happened during a copy paste.

    footer[role="contentinfo"]{
border: none;
}

    If you can replace the two occurences of " with a simple " that should fix the problem.

    Does this make sense?

    Michael

    (@alchymyth)

    9 years, 6 months ago

    additionally, with your edits, you have broken some code –

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.francescamazzotti.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

    Thread Starter FM1970

    (@fm1970)

    9 years, 6 months ago

    Thanks Brad. I couldn’t find that error anywhere (when you looked I had already deleted the new code, so perhaps some sort of “phantom” code remained with the error in it) so I just re-pasted your code. It worked this time, but it also deleted the grey line directly above my footer, which I want to keep. And it did not delete the double grey lines. I have now removed the new code again. Instead of “none” perhaps I could specify that it needs to keep the footer line. How would I do that, please?

    Alchymyth, thank you, I’ll have to study your links and get back to you.

    Thread Starter FM1970

    (@fm1970)

    9 years, 6 months ago

    Brad, please disregard my last post. I found a code to remove the double grey lines (for some reason it didn’t work the last time I tried it). Plus, I have re-inserted your code, so there are no grey lines at all now. If possible, how can I reinstate the one grey line directly over the footer?

    I would also like to reduce some (about half) of that white space between the footer and the end of the content. Thank you!

    bradchando

    (@bradchando)

    9 years, 6 months ago

    Most of the whitespace is being added to the bottom of your content area. To change that, you will need to reduce the values of the margin and padding in the following lines of code from your style.css file. Experiment with the numbers until the spacing is what you are looking for.

    /*197*/
.site-content article {
    margin-bottom: 5.142857143rem !important;
    padding-bottom: 1.714285714rem !important;
}

    To add a single line back in add it to the bottom of your main div by adding this code to your style.css file.

    #main{
     border-bottom: 1px solid #ededed;
}

    I hope this helps.

    Brad

    Thread Starter FM1970

    (@fm1970)

    9 years, 6 months ago

    Thanks Brad! It worked to reduce the white space at the bottom of the page, but in doing so something changed and now the space immediately above and below my header/logo has increased! Argh!

    The grey line I added appeared in the middle of the space between the end of content and the footer. Before it was just above the footer, which is where I would like it.

    Thread Starter FM1970

    (@fm1970)

    9 years, 6 months ago

    Hi Alchymyth, I looked at the links you provided regarding my broken code, but I don’t know how to rectify any of those things. What are the likely consequences if I leave them as they are? Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘TwentyTwelve – Tried everything to remove grey lines’ is closed to new replies.