Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi Deanna,

    The large gap between the titles and the images is due to the height on .rollover a

    That declaration and rule is part of a style block that has been inserted into the middle of the page content.

    <style type="text/css">
    .rollover a { display : block;
                         width: 250px;
                         height: 250px;
                         background-image: https://www.evolutionpsychologycenter.ca/wp-content/uploads/2015/02/tree_1_grey.gif; }
    .rollover a:hover { display : block;
                          width: 250px;
                          height: 250px;
                          background-image:https://www.evolutionpsychologycenter.ca/wp-content/uploads/2015/02/tree_1_green.gif; }
    </style>

    A better way to insert custom styles is to either create a Child Theme and insert custom styles into that style sheet, or use a Custom CSS plugin.

    A big part of the extra space between the widgets and the footer is due to padding on the #content div. Once you have a Child Theme or CSS plugin, you can change that CSS with:

    #content {
        padding: 0;
    }

    It’s also a good idea to run your site through the W3C validator and fix any errors you find:

    https://validator.w3.org

    Hope this helps!

    Thread Starter deeza

    (@deeza)

    Thanks so much, Christi. I really appreciate it. Implementing your suggestions now. So far, so good!

    Happily, I do have a child theme and a custom css plugin.

    On a related note – I created a child theme for me WP template I downloaded (Pure & Simple theme.)

    My understanding is that I’m supposed to keep the WP themes 2013, 2014 and 15 etc. in my theme directory. If that is so, do I need to create children for all of them, too? Now I have updates for those themes – I’m not sure of what to do.

    Would appreciate your insight.

    Maximum gratitude!
    Deanna

    Hi Deanna,

    You really only need to keep one of the default themes (2013, 2014, 2014, etc.). The reason you keep one of those is for future troubleshooting purposes. You only need to create a child theme for the theme you want to change and use. That way, you can safely make changes to child template files (copied into your child theme) and your child theme style sheet.

    Hope that help to clarify things.

    Thread Starter deeza

    (@deeza)

    Hi Christi,

    Thanks for this! Much appreciated.

    Deanna

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to adjust height featured top widgets featured top group’ is closed to new replies.