Blog Listings CSS

[SweetPotato]

Here's a wee bit of CSS to help spruce up your blog listings as in action here

Just add this CSS in your Appearance/Advanced or Design Studio Advanced box:

PLay around with styles at will

/* background to blog list*/
.xg_widget_profiles_blog_list .xg_blog_list .xg_module_body{
background: url(https://storage.ning.com/topology/rest/1.0/file/get/548822?profile=original);
margin-bottom:10px;
border-style:solid;
border-width:1px;
border-color:#c1c1c1;
}

SP

More tips on my profile page.

[Michael Thompson]

Thanks. It certainly helped to separate the blog posts. Do you have any suggestions for doing something similar for the middle column on the blog page (the FEATURED BLOGS, LATEST BLOG POSTS, MOST POPULAR BLOG POSTS, TAGS and ARCHIVES sections) as you have done? It is difficult to read and distinguish between the blog titles within these middle column boxes. I would like to separate these items as you have done.   

[SweetPotato]

Hi Michael,

The code I use for the middle column that you describe actually changes quite a bit more than just those. Try and see what you think but be aware that it will make changes elsewhere:

 

ul.nobullets li {
    background: #F9f9f9;
    border-right-width: 1px;
    border-right-color: #E4E4E4;
    border-right-style: solid;
border-bottom-width: 1px;
    border-bottom-color: #E4E4E4;
    border-bottom-style: solid;
border-left-width: 1px;
    border-left-color: #F9f9f9;
    border-left-style: solid;
border-top-width: 1px;
    border-top-color: #F9f9f9;
    border-top-style: solid;
    line-height: 1.2em;
    list-style-image: none !important;
    list-style-position: outside !important;
    list-style-type: none !important;
    margin-left: 0 !important;
margin-bottom: 1px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

 

 

[Michael Thompson]

Thank you!! This was a very nice addition. So far I like all the changes that I see (blogs, events, awaiting approval box). Thank you very much for sharing. 

[SweetPotato]

you're welcome

[Illya]

Elsewhere like where?

[SweetPotato]

Lists, like the discussions, friends, blogs, likes list under profile pics etc

[Robert]

Thank you this is off the chain :)

[classic]

I want this in the forum?

[SweetPotato]

not sure how it would work in a forum?

[Michael Thompson]

Could something like this be applied to the sub tabs in the navigation bar?