Different sizes showing for twenty twelve widget area

  • Resolved shudsonnc

    (@shudsonnc)


    8 years, 10 months ago

    Hello,

    I am trying to update the twenty-twelve theme (using the twenty-twelve child theme) and for some reason the two widget areas are showing different sizes. Both images are sized 410×250. Here is the link to the site: https://marvelousjjmacon.sherinahudson.com/

    Also, I can’t seem to figure out how to remove the thin grey border showing underneath the image slider. I have tried the .site-content article {border-bottom:none;} and nothing happens.

    Any help would be appreciated. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello,

    You can simply change replace css in style.css at line#1631 for classes

    .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    width: 39.0625%;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

    to

    .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    width: 48.0625%;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

    thank you

    Thread Starter shudsonnc

    (@shudsonnc)

    Thanks codemovement.pk!

    That did fix the size issue, however, it is no longer aligned right and is no longer responsive. I tried to add align: right, but that didn’t do anything. Any ideas? Also, would you happen to know how to remove the grey line above the two widgets areas?

    Thanks again!

    Thread Starter shudsonnc

    (@shudsonnc)

    Thanks codemovement.pk!

    That did fix the size issue, however, it is no longer aligned right and is no longer responsive. I tried to add align: right, but that didn’t do anything. Any ideas? Also, would you happen to know how to remove the grey line above the two widgets areas?

    Thanks again!

    This code help you to remove the border.

    .template-front-page .widget-area {
    border: none;
}

    I have checked in responsive mode for mobile and it’s look fine.

    thank you

    Thread Starter shudsonnc

    (@shudsonnc)

    That worked perfectly! Thanks so much for your help!

    You’re welcome. Please mark this ticket as resolve. thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Different sizes showing for twenty twelve widget area’ is closed to new replies.