bbPress.org

link to an example on your site please

your themes style sheet

http://www.rockin-wildcat.com/rwc/wp-content/themes/blog-diary-pro/style.css

has line 2201 with

.reply a {
	display: inline-block;
	border-radius: 0;
	color: #fff;
	position: relative;
	font-size: 16px;
	background-color: #46c4f3;
	padding: 5px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

the background-color: #46c4f3; element is causing the box issue, and the font-size: 16px; the text issue

I’d suggest you add these to the custom css area of your theme

.reply a {
	
	font-size: 12px !important;
	background-color: none !important;
}

you can adjust the font-size to whatever value you wish

oops sorry the value should be transparent

so

background-color: transparent !important;

and padding in the original code is causing the name issue

so

padding: 5px 20px;

makes it wrap

add

padding : none !important ;

so you end up with

.reply a {
font-size: 12px !important;
background-color: transparent !important;
padding : none !important ;
}

These are all issues with your theme, not bbpress.

However in the spirit of helpfulness, I’ll do this last one, but after that you need to refer to your theme’s support channels.

So the best I can do without spending considerable time is :

@media only screen and (max-width: 480px) {

#bbpress-forums div.bbp-reply-author img.avatar {
	position: relative !important ;
}

#bbpress-forums .bbp-body div.bbp-reply-author {
	padding-left: 0px !important;
}

Which puts it on then left, but is not perfect

🙂

need a link to a live example

just put this in your theme’s custom css area

blockquote {
	font-size: 12px;
}

and change the size to whatever you want

ok, put this is in the custom css part of the bbp style pack plugin

blockquote {
	font-size: 12px !important;
}

🙂