Notifications
Clear all

wpForo 1.x.x [Closed] Q n a Box doesn't look right

9 Posts
3 Users
1 Likes
1,330 Views
Posts: 1132
Topic starter
(@percysgrowroom)
Noble Member
Joined: 5 years ago

Whe you post a question here, it will show a nice little box, displaying info on the member who posted the answer.Β 

On my site, its massive lol, Take a look:

Q n A Section

Also, the back ground is a really dark green, is it possible to change that so looks more like the box in the q n a section?

8 Replies
Alvina
Posts: 1869
Moderator
(@alvina)
Member
Joined: 5 years ago

Hi @percysgrowroom,

Please navigate to the Dashboard > Forums > Settings > Styles admin page , put the following CSS code in the "Custom CSS code" textarea:

#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data-content{
background: #8DCE0C;
}

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

2 Replies
(@rapporporo)
Joined: 4 years ago

New Member
Posts: 1

@alvina
Doesn't work for me, even with CTRL+F5

Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1869

Hi rapporporo,

Please leave the example URL to allow us to check it.

Posts: 1132
Topic starter
(@percysgrowroom)
Noble Member
Joined: 5 years ago

that changed the colour, thanks mate

Β 

but i was hoping to more making smaller, yours is far more compact thenΒ  mine is, is that becuase mine show badges in the block?

Alvina
Posts: 1869
Moderator
(@alvina)
Member
Joined: 5 years ago

@percysgrowroom,

Please add this CSS code, for making it more compact.

#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data .author-title{
display: flex !important;
flex-direction: row;
}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data .author-title span{
display: flex ;
margin-left: 5px;
}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .author-rating-full{
padding: 4px;
}
#wpforo #wpforo-wrap .wpforo-mycred-badges-wrap .mycred-users-badges{
width: 310px;
line-height: initial;
}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-box-l3a-right{
margin-left: 25%;
}

Also please add the following JS code in your current active theme JS files:

jQuery('.author-title').next('br').remove();

Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

1 Reply
(@percysgrowroom)
Joined: 5 years ago

Noble Member
Posts: 1132

@alvina

Thanks Alvina, How do i ad JS code my active theme?

Alvina
Posts: 1869
Moderator
(@alvina)
Member
Joined: 5 years ago

@percysgrowroom,

We found the following links it may help you, please check it:Β 

https://www.ostraining.com/blog/wordpress/custom-js/

https://premium.wpmudev.org/blog/learn-how-to-add-custom-javascript-to-wordpress-the-right-way/

Page 1 / 2