» »

Q&A not working properly with responsive theme

Elite

(joined October 2010)

1870 points Community rank #28

johnnymestizo

Supreme Deity

Mind-Blowingly Helpful

Lifetime member

Member Likes (0)

I have a responsive theme at:

http://inside.tradr.com/questions/

There doesn't seem to be a way to get questions and answers styled to work with the Ari theme.

Is it possible to CSS style it so it works? or insert it into a page via shortcode?

Any ideas?

Cheers,

Johnny

Responses (4)

Staff

aecnu

21529 points Community rank #0

Supreme Deity

WPMU DEV Staff

Lifetime member

Support Kangaroo (joined March 2011) Likes (0)

Greetings Johnny,

The pages for the Q&A plugin are located in the /wp-content/plugins/qa/default-templates/ folder, style as desired.

Cheers, Joe

# Posted 10 months ago

Elite

johnnymestizo

1870 points Community rank #28

Supreme Deity

Mind-Blowingly Helpful

Lifetime member

Member (joined October 2010) Likes (0)

I have tried styling

id="qa-page-wrapper"

with position relative/absolute
margins
widths both fixed and percentage

Nothing seems to fix how crap it looks here:

http://inside.tradr.com/questions/

Any ideas?

Cheers,

Johnny

# Posted 10 months ago

Developer

Hakan

2960 points Community rank #19

Supreme Deity

DEV Apprentice

Lifetime member

Developer (joined February 2012) Likes (1)
Liked by:

Hi Johnny,

Please note that css rules for #main of your theme should fit #qa-page-wrapper and #content should fit to #qa-content wrapper.

And it is possible, but may be difficult to adapt two sidebars, so I removed the right sidebar and changed content width to fill the right sidebar area too.

Copying mostly from your style sheet:

#qa-page-wrapper {
	width:75%;
	margin-top:85px;
	float:right;
}
#qa-content-wrapper {
        width: 100%;
	margin:0px 0px 60px 0px;
	padding:0px 0px 0px 60px;
	float:left;
	font-size: 14px;
}
#sidebar{
       display:none;
}

The result can be seen in the attached screenshot.

You can add these inside "Additional css rules" setting field of Q&A and add !important to override any matching css rules. For example:

margin:0px 0px 60px 0px !important;

With this method you don't need to edit any template file.

If you need the right sidebar, then you need to edit template php files.

I hope this helps.

Cheers,
Hakan

# Posted 10 months ago

Elite

johnnymestizo

1870 points Community rank #28

Supreme Deity

Mind-Blowingly Helpful

Lifetime member

Member (joined October 2010) Likes (0)

Wow

http://inside.tradr.com/questions/

HAKAN RULES !

Thanks heaps.

Johnny

# Posted 10 months ago

Elite (joined October 2010) 1870 points Community rank #28 johnnymestizo Supreme Deity Mind-Blowingly Helpful Lifetime member

Member Likes (0)

Responses (4)

Staff aecnu 21529 points Community rank #0 Supreme Deity WPMU DEV Staff Lifetime member

Support Kangaroo (joined March 2011) Likes (0)

Elite johnnymestizo 1870 points Community rank #28 Supreme Deity Mind-Blowingly Helpful Lifetime member

Member (joined October 2010) Likes (0)

Developer Hakan 2960 points Community rank #19 Supreme Deity DEV Apprentice Lifetime member

Developer (joined February 2012) Likes (1)Liked by:

Elite johnnymestizo 1870 points Community rank #28 Supreme Deity Mind-Blowingly Helpful Lifetime member

Member (joined October 2010) Likes (0)

Q&A

WPMU DEV MEMBERS GET AMAZING SUPPORT

Related Topics

Elite

(joined October 2010)

1870 points Community rank #28

johnnymestizo

Supreme Deity

Mind-Blowingly Helpful

Lifetime member

Staff

aecnu

21529 points Community rank #0

Supreme Deity

WPMU DEV Staff

Lifetime member

Elite

johnnymestizo

1870 points Community rank #28

Supreme Deity

Mind-Blowingly Helpful

Lifetime member

Developer

Hakan

2960 points Community rank #19

Supreme Deity

DEV Apprentice

Lifetime member

Developer (joined February 2012) Likes (1)
Liked by:

Elite

johnnymestizo

1870 points Community rank #28

Supreme Deity

Mind-Blowingly Helpful

Lifetime member