AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] Q n a Box doesn't look right

8 Posts
2 Users
0 Reactions
2,966 Views
Posts: 1244
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@percysgrowroom)
Noble Member
Joined: 7 years ago
[#12807]

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?


7 Replies
Alvina
Posts: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 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.


1 Reply
Alvina
Moderator
(@alvina)
Joined: 7 years ago

Member
Posts: 1857
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

Hi rapporporo,

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


Posts: 1244
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@percysgrowroom)
Noble Member
Joined: 7 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: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 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: 7 years ago

Noble Member
Posts: 1244
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@alvina

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


Alvina
Posts: 1857
Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@alvina)
Member
Joined: 7 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
Share: