Esplande Sidebar Title Area

  • I am trying to change just the widget-title area to have a different background color in the them esplande. You can see my site here: https://todaysvisions.com

    Nothing I am trying in the css is working and I am at a loss on what else to try.

    Thanks

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

  • Hey there,

    Not sure what you tried but this should do it:

    .widget-title{background-color:#000; padding: 3px;}

    That also adds some padding so that the words are not flush against the edge.

    You can find a list of hex codes here:

    https://www.color-hex.com

    Hope this helps, have a great day!

    Thread Starter ArizonaLowe

    (@arizonalowe)

    I was trying:

    .widget-title {
    color: #666666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
    background-color: #000000;
    }

    which did not work – I tried yours too but as I suspected it to did not work.

    Here is one of the sidebar pages if that helps any:

    <?php if( is_active_sidebar( 4 ) ) : ?>
    <div id=”sidebar-right” class=”widget-area” role=”complementary”>
    <?php dynamic_sidebar( 4 ) ; ?>
    <div class=”clear”></div>
    </div><!– #sidebar-right –>
    <?php endif; ?>

    I am flat out of ideas but really want to fix this page up to look nicer :-/

    Thanks Timothy

    Hey there,

    It should work as you can see here:

    https://monosnap.com/image/yfcRVaJZI9FUbkyYQ4U12mR01hzrSS

    That was done with developer tools. I suspect you’re not loading the CSS late enough in the load sequence so that some other CSS is taking priority.

    Were are you adding this?

    You could try using !important, it’s a last chance saloon type solution:

    .widget-title{background-color:#000 !important; padding: 3px !important;}

    You can read more about the use of !important here:

    https://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

    Take care.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Esplande Sidebar Title Area’ is closed to new replies.