Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #111063
    abisbee
    Participant

    Hi. We’ve upgraded to Pro. I’d assumed that my CSS would carry over to Pro, but apparently not. It’s a good thing I saved a copy!

    Questions:

    1. Is there a way to go back to 3 footers, rather than 4? Not critical, but 4 looks too busy.

    2. How can I reduce the padding at the top of the Content section? I’d like to reduce the white space between the text and the menu.

    3. How can I reduce the padding (top and bottom) of the footers?

    4. I have 2 links in the footer and I can’t get the font size to match the rest of the footer text. Why?

    5. The text in Footer 1 and Footer 2 are acting like links, but they are NOT links. I overwrote some links with plain text, but somewhere there is code saying that they are links. How can I change Footer 1 and Footer 2 into text again? I tried deleting the text boxes and creating new ones, but it didn’t help.

    6. How can I reduce the height of the banner photos. They just take up too much space.

    Thank you!

    http://wwboston.org/

    #111075
    Mahesh
    Keymaster

    @abisbee:
    1. Is there a way to go back to 3 footers, rather than 4? Not critical, but 4 looks too busy.
    -> Please use 3 footer areas and leave the one blank. It adjusts the width automatically.

    2. How can I reduce the padding at the top of the Content section? I’d like to reduce the white space between the text and the menu.
    -> Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    .site-content .wrapper,
    .main article {
        padding-top: 0;
    }

    3. How can I reduce the padding (top and bottom) of the footers?

    #site-generator {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    4. I have 2 links in the footer and I can’t get the font size to match the rest of the footer text. Why?
    Please clarify more.

    5. Checked your site, the footer has only one link -> Wellness Warriors

    6. How can I reduce the height of the banner photos. They just take up too much space.
    -> Please use image with less height.

    Regards,
    Mahesh

    #111117
    abisbee
    Participant

    Thank you for your responses, but I guess I need to clarify some things.

    1, 4, 6 – Okay now.

    2. This doesn’t help. Look at the home page. I am not using the menu text as a page title; I am inserting my own text – in this case, “Wellness Warriors.” I want to reduce the space between that text and the menu (which is under the header photo). I have set the text to H5 and formatted the font characteristics in CSS. Maybe I need to alter this code?

    .entry-content h5 {
    font-size: 30px;
    font-family: times;
    font-style: italic;

    .entry-content h5 {
    font-size: 30px;
    font-family: times;
    font-style: italic;
    }

    h5 {
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    line-height: 1.3;
    color: #8b0000;
    }

    3. I was referring to Footer 1, 2, 3, 4 – not the site footer. Can I reduce the top and bottom padding in those?

    5. ******* Suddenly fixed. I assume you re-set something. Thank you! ****** I am referring to Footers 1-4. If you hover over the text in Footer 1 and Footer 2, they are acting like links. And if you look at where the links are pointing, it says something about “customize changeset……” and I have no idea what that means or how it got there. I just want plain text.

    Thank you for your help.
    Alice

    #111172
    Mahesh
    Keymaster

    @abisbee:
    2. Using the above code I’ve provided does reduce the space between the menu and the title. Please clarify more.

    3. I was referring to Footer 1, 2, 3, 4 – not the site footer. Can I reduce the top and bottom padding in those?

    #supplementary .widget {
        padding-top:0;
        padding-bottom: 0;
    }

    5. Checked the footer, and now there are two links, Privacy policy and Terms of use. Both working properly. I don’t see anything like “customize changeset”

    Regards,
    Mahesh

    #111248
    abisbee
    Participant

    No, the code did not work, but this did:

    @media
    screen and (min-width: 990px) {
    #content .wrapper {
    padding-top: 0px;
    }
    }

    Thank you for your help, Mahesh. The issues in this thread have now been resolved.

    #111368
    Mahesh
    Keymaster

    @abisbee: Sorry for the late reply. Glad to know you’ve resolved the issue. Have a nice day!

    Regards,
    Mahesh

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘footers, padding, text formatting, header photo height’ is closed to new replies.