Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
0 votes
2.0k views
in Q2A Core by

Hi,

I am using snow theme and I want to add custom html codes to the right side of the header logo. I can see the codes related to custom html in qa-theme.php as well as the css file. But not able to see any option to do it.

How can I add custom html to the right side of the header logo, which looks blank as of now?

 

The codes I am able to see now are:

 

function header_custom() // allows modification of custom element shown inside header after logo
{
if (isset($this->content['body_header'])) {
$this->output('<DIV CLASS="header-banner">');
$this->output_raw($this->content['body_header']);
$this->output('</DIV>');
}
}

Are they related to, what I am looking for?

Q2A version: 1.5.4

1 Answer

0 votes
by
edited by

Go to Admin > Layout

activate Custom HTML at top of every page and write your custom HTML markup there. Done!

EDIT: Images added

Check these images below.

This is where you will get output

This is where you need to place HTML markup

 

Hope this would helpful and what you are looking for.

by
But it will be shown above the header logo and user profile bar and not in the right side of the logo. In this website also there is a blank space right side of the logo.
by
check my edited answer.
by
Musthafa, if you are using snow theme, you can do it by changing the qa-theme.php in the following manner.
        function header_custom() // allows modification of custom element shown inside header after logo
        {
            if (isset($this->content['body_header'])) {
                $this->output('<DIV CLASS="header-banner">');
                $this->output_raw($this->content['body_header']);
                $this->output('</DIV>');
$this->output('<div id="header-text"><div class="header-name">China Helpers Tips</div><div class="header-slogan">It\'s a jungle out there!</div></div>');               
            }
        }
Answered at: http://www.question2answer.org/qa/12216/can-we-place-a-banner-beside-the-logo-in-header
...