mongo2006

[mongo2006]

Thank you very much consider this a closed issue

[mongo2006]

Sweet I’m on it, Thanks bro.. get some damned sleep you NERD!

[mongo2006]

I tried Uber but it plays havoc on the cart and search icon so i got rid of it but if you go to settings and drop the padding the menu well go to the side.. You’ll also have to set the menu to float right, again it’s in the settings.

[mongo2006]

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

[mongo2006]

Ok I looked it over, I’m going to do the custom widget option.. gives me a chance to learn something new.. I’ll get this done then jump on the custom Menu and I think I’ll be done with the custom CSS then I can move on to content for the site.

[mongo2006]

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

[mongo2006]

Cool I think I got the icon part, working out the first child issue now on the top of the li’s. Thank you so much for being a sounding board sometimes that all ya need.

[mongo2006]

Yeh I’m all over the net right now taking crash courses and trying to figure out how to target the li for these widgets but they are un-named, and targeting the class seems to have no reation. even if I go from ul li I get nothing..any help would be appreciated I have set up a test page so you can see my progress.. still trying to finish up the structure http://realty-sos.com/sell-your-house/

[mongo2006]

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}

[mongo2006]

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;
}

[mongo2006]

Thank you for your efforts, I put that css in the child’s style.css but it resulted in no visible change to any of the forum widgets. Maybe I wasn’t clear, what I’m trying to achieve is to get the:

BBPRESS
Recent Topics
Forum List
Recent Replies
KLEO
The Custom Menu

Widgets to have the styling and the icon on the left in the same fashion as lets say:

KLEO
Recent Comments
Recent Posts

I’m a bit dated on my css, the only way I know how to do it is with images. I have yet to learn to do it with web icons, if you could show me the css to o that I think I can handle the rest.

[Author]

Posts