Support » Theme: Designfolio » Designfolio – Styling Issues in Footer Widgets

  • Hi, I have used the Design Folio theme for a website I have devleloped. I am finding a problem in styling the footer widget headers and dotted lines. They are very close to each other. When I look at them in firebug and make the change it works fine. But when I put the adjusted code the child theme style.css it just won’t work. Anybody got any suggestions on what might be going on here. As the footer widget header i.e. Recent Posts has a dotted line border at the bottom and it tends to crash into the first post. I need to put some margin at either the bottom of the Widget header or top of the first post div. You can view it here. http://www.webdesigngoogleit.com – Appreciate any help that is forthcoming.

Viewing 1 replies (of 1 total)
  • When I removed your child style and keep only @import from parent, it looks like what you want it to be, or at least what I understand from your description.

    So there is this making h elements to display inline that causes the problem.

    Example

    h3 {
        display: inline;
        font-size: 22px;
        line-height: 30px;
    }

    h elments are block level elements. It should not be assigned as inline globally like that. For any h that needs to have display inline property, just do it for that specific part only.

    Example

    .entry-content h3 { display: inline; }
Viewing 1 replies (of 1 total)
  • The topic ‘Designfolio – Styling Issues in Footer Widgets’ is closed to new replies.