• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Widget sidebar CSS + HTML Color Table Box

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Widget sidebar CSS + HTML Color Table Box

This topic is: resolved

Tagged: content width, CSS Color Table Box, Metro Pro, sidebar widget, sidebar width

  • This topic has 2 replies, 2 voices, and was last updated 5 years, 7 months ago by DJ Carl.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 27, 2020 at 7:09 am #501530
    DJ Carl
    Participant

    Hello,

    I have been playing with this all day. Trying to add CSS table box content to sidebar on staging site using Metro Pro. This is how it looks on the old XHTML site using tables. Here is how it looks in Metro Pro sidebar. Ouch!

    Here is the CSS + HTML I used but still cannot get it to look like the old XHTML site [Platinum Theme] site:

    I used the sublime text editor and https://www.w3schools.com/css/ editor... [pic 1 and pic 2]

    `/* sidebar table */
    .brand-box {
    background-color: #B0C4DE;
    width: auto;
    height: auto;
    border: 1px solid #4169E1;
    padding: 60px;
    margin: 20px;
    }

    /* sidebar table content */
    .brands {
    width: 110px;
    height:90px;
    background-color: #FFFFFF;
    background-image: center;
    }
    ----------------------------------

    <table class="brand-box" cellspacing="0" cellpadding="2">
    <tr>
    <td>DJ Mix Playlists</td>
    <td>Emcee Hosting</td>
    </tr>
    <tr>
    <td>Music Marketing Consulting</td>
    <td>Event and Project Management</td>
    </tr>
    </table>

    PLEASE ADVISE...

    https://djcarlcom.stage.site
    October 27, 2020 at 11:13 am #501626
    andytc
    Participant

    Didn't we answer this in another thread Carl ?

    https://studiopress.community/topic/need-help-with-css-for-widget-sidebar-for-metro-pro/

    November 5, 2020 at 4:21 pm #501793
    DJ Carl
    Participant

    I'm still working on it. I get it to look good, but then, it's not responsive ;(

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Widget sidebar CSS + HTML Color Table Box’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble