Full Circle

Place this css UNDER the above css. and test your search page.

body.search div.item-list{width:100%;}
body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
body.search div.author-box{display:none;}
body.search div.post-content {position:relative;left: -1px;width:100%}

I see them as blue.
Could be cache?

In one of the above posts I gave some css for just the blog page and single page. This might be the better option for you as it will leave “pages” alone and only affect “posts”

did you set widgets in the members sidebar section under widgets?

welcome

https://www.halodiehards.net/halo-fan-art/
is this the only gallery page?

Sorry it took me a bit to get back to you.

Lets remove
div#content{width:97%;}
div.item-list{width:98%;}
div.activity-inner{word-wrap: break-word;position:relative;left: -80px;width:100%;}
div.author-box{display:none;}
div.post-content {position:relative;left: -90px;width:99%}
and add —————————————————
body.blog div#content{width:97%;}
body.blog div.author-box{display:none;}
body.blog div.post-content {position:relative;left: -90px;width:99%}
body.single div#content{width:97%;}
body.single div.author-box{display:none;}
body.single div.post-content {position:relative;left: -90px;width:99%}

————————————–end add

This will make the css only effect the posts pages, and not all.

try removing div#content{width:97%;}
see what you get.

Yes you could change that to div.page .

The twitter widget, it could have its own css settings, unsure as I do not use it.

you can add this to your css tab for the bubble settings to show on a single post. you could also add more to this to show on pages and more.

body.single-post div.post-content {margin-left: 0;}
body.single-post h2.posttitle {line-height: 120%;margin: 0 0 12px;}
body.single-post div.post span.marker { display: none; }
body.single-post div.post-content {border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px; background: none repeat scroll 0 0 #ededed;margin-left: 85px;padding: 15px 5px 5px 15px;margin-bottom:8px;}
body.single-post p.date { border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff; }
body.single-post p.postmetadata { border-top: 1px solid #ffffff; }

body.single-post div.post div.post-content {background: #ffffff;border-radius: 11px 11px 11px 11px;margin-bottom: 8px;margin-left: 85px;padding: 15px 5px 5px 15px;}
body.single-post div.page div.page-content {background: #ffffff;border-radius: 11px 11px 11px 11px;margin-bottom: 8px;margin-left: 85px;padding: 15px 5px 5px 15px;}

The twitter widget,
you could add css to change the font color and link colors.
your classes are:
.twitter-user this is the user name
.entry-content this is the content of the posting.
.entry-meta placeholder for time and date
.time-meta time of post.
.from-meta where they posted from.

so you could use
.twitter-user{color:#ffffff;}
..entry-content{color:#000000;}

you can also place this info in the css tab of the theme.

In Custom Community the css is stored and pulled from the database. The settings I gave will override the defaults. No conflict.

Your site is not up.

you can try this in your css tab. under theme settings.

div#content{width:97%;}
div.item-list{width:98%;}
div.activity-inner{word-wrap: break-word;position:relative;left: -80px;width:100%;}
div.author-box{display:none;}
div.post-content {position:relative;left: -90px;width:99%}

You may need to tweak this some to fit your site.

https://custom-community-pro.themekraft.com/shortcodes/

list of all shortcodes for custom community that are built in.
Some are pro only, but most will work under free.

if you post your short code ill help you out with the font.