Bring Your Business to Life › Support › Popular Widget › CSS Changes
- AuthorPosts
- August 17, 2012 at 12:11 am #49191projectcloudParticipant
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.
August 19, 2012 at 4:04 am #49226sparkyParticipantThis 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.
- AuthorPosts
- You must be logged in to reply to this topic.