After content widgets – varying widths?

  • Resolved meadwench

    (@meadwench)


    9 years, 11 months ago

    The over-picky boss strikes again. Now they’re asking for the after content widgets to be unequal widths, the first wider, and the last two narrower (and the same). So probably like 40%, 20%, 20% instead of 33.3 each. The site is https://www.sivb.net.

    I have this code in my custom css:

    .widget-after-content {
    float: left;
    width: 33.33%;
    background-color: white;
    }

    So I guess the question is, how do I id the 3 widgets as widget-after-content1, 2 and 3 so I can create css with custom widths for them?

    Thanks,

    Vicky

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author ronangelo

    (@ronangelo)

    So I guess the question is, how do I id the 3 widgets as widget-after-content1, 2, 3

    Use each widgets ID to target them specifically.
    https://css-tricks.com/the-difference-between-id-and-class/

    You can use Firebug to see what the IDs are or you can just “View Source” the page and locate them. https://ronangelo.com/use-firebug-to-modify-wordpress-theme-css/

    Or, since your 3 widgets are text widgets, you can just combine their content on a single text widget then either use divs or table cells to separate them.

    Thread Starter meadwench

    (@meadwench)

    Thanks! I decided to just tell the client that it isn’t possible. They are going way overboard and beyond project scope in ‘redecorating’ after our original project plan. And as always, you rock. Do you have a donation link somewhere I can drop some appreciation on you?

    Thanks,

    Vicky

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘After content widgets – varying widths?’ is closed to new replies.