Question2Answer Q&A - Recent questions tagged style

What is the best way to integrate Q2A with my current Wordpress theme?

Mon, 22 Apr 2013 19:29:51 +0000

The available Q2A themes are great but I was wondering if there is a way to use my current wordpress customization as the Q2A theme?

How to set the style for the link "username" ...

Wed, 16 Jan 2013 13:01:35 +0000

I changed the color

.qa-user-link {

color: #fff;

and it changes everywhere, and I need to set only the top (link next to the My Account)

How to give the user history an IDentifier?

Sun, 23 Dec 2012 11:08:19 +0000

I have to style the user history (plugin here).

Example: http://www.gute-mathe-fragen.de/user/Sanusha?tab=history

However, there is only the following for CSS:

body.qa-template-user table.qa-form-wide-table

I can assign a style to that → but it will be globally and will also be valid for the /user/ profile!

I just need to style this specific table. Looking through the plugin source, I see that it uses the built-in functions to output the plugin html code. So there is no html identifier.

In qa-history-layer.php I tried to assign an ID like that:

        return array(
            'id' => 'qa-user-history-main', // added
            'style' => 'wide',
           'title' => qa_opt('user_act_list_title'),
           'fields'=> $fields,
       );

but it is not working.

Any help appreciated.

PS: @NoahY q2a-history is still a fork of user-activity-plus. As it is a fork nobody can assign "issues" in github.

Core request / wish: Add bulls to similar question list for v1.5.4

Tue, 20 Nov 2012 16:28:51 +0000

Below "Before proceeding, please check your question was not asked already"

the questions are listed plain text, which is hard for the eye to distinguish.

Example:
How to fix this bug in V1.5 without update to V1.5.1: No "selected" class for extra links in page menu.
Is there a way to delete questions in v1.5.3?
New feature request: integrated search for question and user
When I fix this bug in V1.5 : No "selected" class for extra links in page menu

Better:
Set html bulls in the beginning of each question:

• How to fix this bug in V1.5 without update to V1.5.1: No "selected" class for extra links in page menu.
• Is there a way to delete questions in v1.5.3?
• New feature request: integrated search for question and user
• When I fix this bug in V1.5 : No "selected" class for extra links in page menu

How to change that: Edit qa-ajax-asktitle.php, line 102:

from:
'<A HREF="'.qa_q_path_html($question['postid'], $question['title']).'" TARGET="_blank">'.qa_html($question['title']).'</A><BR/>',

to:
'• <A HREF="'.qa_q_path_html($question['postid'], $question['title']).'" TARGET="_blank">'.qa_html($question['title']).'</A><BR/>',

Would love to see that tiny change in 1.5.4.

Kind regards,
Kai

Using htmLawed to filter CSS style attributes from posted content (clean user input)

Mon, 08 Oct 2012 18:58:05 +0000

Following my post on How to modify qa-htmLawed.php to better sanitize/clean html posts I would like to share how to sanitize posted CSS styles.

The class and id attributes you can filter by using the config parameter of htmLawed:
$config['deny_attribute'] = 'class, id';
as it has beend described here: Stricter HTML Sanitizing in q2a by changing htmLawed config parameters

Now the big task was to filter style attributes that are unwanted by the admin, e.g. margin-top:200px; or the like.

The developer of htmLawed was so nice to help me out. I implemented the css filter function in qa-base.php:

1. go to function qa_sanitize_html_hook_tag.

2. There before $html='<'.$element; (line 734) you add the following code:

// only allow certain css style elements
if (isset($attributes['style'])) {
   $css = explode(';', $attributes['style']);
   $style = array();
   foreach ($css as $v) {
       if (($p = strpos($v, ':')) > 1 && $p < strlen($v)) {
           $prop_name = trim(substr($v, 0, $p));
           $prop_val = trim(substr($v, $p+1));
           if ($prop_name == 'color' || $prop_name == 'background-color' || $prop_name == 'font-weight' || $prop_name == 'text-decoration' || $prop_name == 'width') {
               $style[] = "$prop_name: $prop_val";
           };
       };
   };
   if (!empty($style)){
       $attributes['style'] = implode('; ', $style);
   }
   else {
       unset($attributes['style']);
   };
};
// end

Result: All posted content and read content from the database that hold css styles apart from {color,background-color,font-weight,text-decoration,width} get filtered!

You can, of course, add your own whiteliste styles!

PS: The performance is not effected much "only ~10%-15% (to an overall time of ~16 ms in my setup)." thanks @patnaik

Result (example):

Does anyone have a sample css style that includes a slider?

Sun, 01 Jul 2012 10:36:49 +0000

Regarding Custom CSS box under Featured Questions

I'd like to drop in a custom Css in this box but need at least a starting point example to work with.

I don't want to screw up the entire thing here!

I do want to include a slider but need a starting point.

How to make Tag letters uppercase??

Thu, 17 May 2012 13:58:28 +0000

Hi!

I need to make tags uppercase. Just for better looking in google search results. :)

How to do this?

Wordpress css over-riding Q&A css?

Mon, 05 Mar 2012 01:03:33 +0000

Hi, I have recently installed Q&A on my Wordpress site with the given instructions. Thanks NoahY.

I am using Q2Astack 1.5 theme from here .

Unfortunately, some Q2A css are being overrided by the wordpress theme's css.

How could I solve this problem?

Site screenshot.

Thanks.

Q2A Team - Where to contribute theme?

Tue, 27 Dec 2011 16:14:11 +0000

Hello I am styling Q2A version 1.5 beta for my use and once I will done I would like to contribute to Q2A so other people also can use that or if you want to add into Q2A 1.5 version I have no problem.

I am not changing any php but only styling. For base I am using Candy theme.

I am almost done but only thing I am not able to change look and feel of WYSIWYG editor.

Please let me know about the same.

See attached images

Here are more update.

So here are some images for light theme. For your information I have used Facebook blue color for this version. If you are looking for any particular color just tell me I will try to make theme for you but need some time..

How to change default font for questions and answers for all users?

Mon, 19 Dec 2011 21:44:35 +0000

How to change default font for questions and answers for all users without need to change it through editor? I mean admin sets a default font style and size for all users. But users still can change it.

Values for new core css classes

Mon, 19 Dec 2011 15:51:28 +0000

Okay, this isn't a question, please remove it if it is unwelcome, but more of a wiki post. Here are the default values for new css classes for themes in 1.5; just copy these to the bottom of your qa-styles.php file and tweak them as you like.

.qa-activity-count {font-size:150%;}
.qa-activity-count-item {margin:0.25em 0;}
.qa-activity-count-data {font-weight:bold;}
.qa-c-item-expand {display:block; color:#666; font-style:italic; margin:4px 0;}

.qa-favoriting {float:right; margin-right:48px; margin-top:4px;}
.qa-favorite-image {background:url(favorite-plus.png) no-repeat; background-position: 0 -26px; border:0; margin:2px; height:26px; width:26px; vertical-align:middle; display:inline-block;}
.qa-favorite-button,.qa-favorite-hover,.qa-unfavorite-button,.qa-unfavorite-hover {background:url(favorite-plus.png) no-repeat; border:0; height:26px; width:26px;}
.qa-favorite-button {background-position: 0 -26px;}
.qa-favorite-hover,.qa-favorite-button:hover {background-position: 0 0px;}
.qa-unfavorite-button {background-position: 0 -52px;}
.qa-unfavorite-hover,.qa-unfavorite-button:hover {background-position: 0 0px;}

.qa-notice {background:#fdd; border-bottom:2px solid #293d39; color:#b00; font-size:18px; padding:.5em 32px; font-weight:bold; position:relative;}
.qa-notice-close-button, .qa-notice-close-hover {font-family:"Arial Black"; color:#c00; font-size:20px; background:none; cursor:pointer; position:absolute; height:24px; border:none; top:4px; right:6px}

.qa-form-tall-suffix {font-weight:normal; font-size:10px;}

.qa-q-item-buttons {text-align:right; clear:both;}
.qa-q-item-content {font-size:10px; margin-top:6px; max-height:64px; overflow-y:auto; padding:4px; border:1px solid #ccc;}

.qa-q-item-flags {background:#f00; color:#fff; font-weight:bold; padding:2px 5px; display:inline-block;}

.qa-q-view-closed {font-size:13px; margin-bottom:18px; font-style:italic;}
.qa-q-view-closed-content {font-weight:bold;}
.qa-q-view-extra {font-size:13px; margin-bottom:18px; font-style:italic;}
.qa-q-view-extra-content {font-weight:bold;}
.qa-related-q-list {list-style-type:none; padding:0;}
.qa-related-q-item {margin:0.5em 0;}

Does anybody feel like critiquing my new style?

Sat, 17 Dec 2011 00:38:23 +0000

I just finshed up on my on my new style, Darky.

It's fully compatable with q2a 1.5

It's got a dark header, and rounded corners (border-radius only) in supported browsers.

http://www.q2athemes.com/downloads.php?do=file&id=8

Thanks all!

How to style the selected category menu item?

Sat, 25 Jun 2011 21:21:57 +0000

I would like to highlight the selected category menu item. The item has the class .qa-nav-cat-selected. This was no problem with version 1.3 but now I am using sub-categories as in version 1.4. The issue is that the selected sub-category and its parent category have both the same style. Do you have a solution to style only the selected category and no parent categories?

what is the best way to make a theme??

Fri, 18 Mar 2011 01:57:49 +0000

i know photoshop but not to convert the style to css

i know about tools in the internet but i know that must be another ways to make

a theme(for html, wordpress or q2a)

I can't believe that the best way is to use in the "developers tools" in chrome/ie and notepad.

Official Add-on and Style base?

Tue, 04 May 2010 14:56:44 +0000

Is there any chance you'll make another part of the site for addons and themes, i would be happy to contribute a few themes and the addons i have found if this was to happen.

Would you ever consider a contest for a new default theme and logo?

template system

Sat, 13 Mar 2010 07:51:10 +0000

I think an template system is required because many people will want to make their website unique and change the site layout not just the colours but everything else.

Something like other great scripts have like wordpress, phpbb, vbulletin etc.