Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • in reply to: Css For Forum Widgets? #34674
     mongo2006
    Participant

    Added a few snips to your footer code because they are questions just waiting be asked lol

    COPY CODE
           #footer .widget_display_replies li:first-child,
            #footer .widget_display_views li:first-child,
            #footer .widget_display_topics li:first-child {
            border-top: 1px solid #333;
        }
    	
    	    #footer  .widget_display_replies li:before,
            #footer .widget_display_views li:before,
            #footer .widget_display_topics li:before {
            margin-left: 10px;
            margin-right: 2px;
            color: #555;
        }
    	
        	#footer .widget_display_replies a,
            #footer .widget_display_views a,
            #footer .widget_display_topics a {
    	    color: #555!important; 
        }
    	
        	#footer .widget_display_replies a:hover,
            #footer .widget_display_views a:hover,
            #footer .widget_display_topics a:hover {
    	    color: #555!important; 
        }
    	
    
    	

    Again if you want to keep the footer clean add this to the css.

    COPY CODE
            #footer .widget_display_replies li,
            #footer .widget_display_views li,
            #footer .widget_display_topics li {
            padding: 6px 0;
            border-bottom: 1px solid #333;
            list-style: none;
    	max-height: 35px!important;
            overflow:hidden!important;
            height:35px!important;
            line-height:160%!important;
    		
        }

    Thank you so much sharmstr

    in reply to: Css For Forum Widgets? #34655
     mongo2006
    Participant

    OMG I came back to post what I found for any others that want this and BOOM! all this code.. ok this is what I did.. it looks sick compaired to yours but.. I used

    COPY CODE
    .widget_display_replies li:before {
    	content: "\e86c"!important;
    	margin-right: 10px;
    	margin-left: 2px;
    	font-family: "fontello"!important;
    	text-decoration: none;
    	color: #C5C5C5;
    }
    
    .widget_display_topics li:before {
    	content: "\e86c"!important;
    	margin-right: 10px;
    	margin-left: 2px;
    	font-family: "fontello"!important;
    	text-decoration: none;
    	color: #C0C0C0;
    }
    
    .widget_display_views li:before {
    	content: "\e86c"!important;
    	margin-right: 10px;
    	margin-left: 2px;
    	font-family: "fontello"!important;
    	text-decoration: none;
    	color: #C0C0C0;
    }

    to target the perspective li’s. Because some people get crazy with the forum titles I cet their nutz off with this to make sure the list stays uniform.

    COPY CODE
    [id^=bbp].widget .widget_display_views li {
            padding-bottom: 0px;
            max-height: 35px;
    		border-bottom: 1px solid #e5e5e5;
    		overflow:hidden;
    		height:35px;
    		line-height:100%!important;
    }
    

    ok now I have to take a look at what you did.. this is like Christmas I’m all giddy..lol

    in reply to: Css For Forum Widgets? #34633
     mongo2006
    Participant

    Ok cool headed there now.. I’ve been trying to break this down because it’s an example that in the css of the template right now

    COPY CODE
    
    .widget_recent_entries li:before{content:"\e86c";margin-right:10px;margin-left:2px;font-family:"fontello";text-decoration:none}
    in reply to: Css For Forum Widgets? #34630
     mongo2006
    Participant

    I was looking on the net and found a way to do it but I’m not sure if the template uses fontawesome it didn’t: seem to work so I guess not.

    COPY CODE
    #main .sidebar ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #f00;
    }
Viewing 4 posts - 1 through 4 (of 4 total)

Log in with your credentials

Forgot your details?