CSS Changes

HomeSupportPopular WidgetCSS Changes

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #49191
    projectcloud
    Participant

    Hi,

    Thank you for creating such a great plugin.

    1. I would like to remove the tab heading. I was unable to find the css code on the forum to do that.

    2. I would also like to reduce the spacing between the lines that appear in the widget.

    http://projectcloud.info/

    #49226
    sparky
    Participant

    This worked for me…

    To hide the tabs: in css/pop-widget.css, find this part:

    ul.pop-widget-tabs li{
    padding:0;
    float:left;
    display:inline;
    line-height:30px;
    border:1px solid #f5f5f5;
    font-weight:bold;
    margin:0 1px 1px 0;
    font-size:11px;
    list-style:none;
    cursor:pointer;
    }

    And change display from “inline” to “none.”

    For reducing spacing: also in css/pop-widget.css, find this part:

    div.pop-inside ul li p{
    margin:0;padding:0;
    }

    And add this:

    line-height=1em;

    Hope this works for you! If you need to change anything else, all I did was view the widget on my website, right-click on the text or tab or whatever offensive element, and click “inspect element.” It showed me the css classes, so I knew which ones to edit.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.