Title: CSS Code Help
Last modified: April 25, 2017

---

# CSS Code Help

 *  [tigershroof](https://wordpress.org/support/users/tigershroof/)
 * (@tigershroof)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/)
 * _[ Moderator note: [moved to Fixing WordPress](https://wordpress.org/support/topic/wheres-my-topic-gone?replies=1&view=all).
   Please do not use Developing With WordPress for these topics. ]_
 * In this free theme, [https://en-ca.wordpress.org/themes/mh-newsdesk-lite/](https://en-ca.wordpress.org/themes/mh-newsdesk-lite/),
   I am trying to place a search box in the header on the right side (extreme right
   of NEWSDESK).
 * Also create a News Ticker on Top of the Header where I can change the colour.
 * Can anyone sugggest CSS Code for how to do this.
 * Thanks in advance for your assistance.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063814)
 * you will need more than just CSS for that;
 * please post your question in your theme’s forum at [https://wordpress.org/support/theme/mh-newsdesk-lite](https://wordpress.org/support/theme/mh-newsdesk-lite)
 *  Thread Starter [tigershroof](https://wordpress.org/support/users/tigershroof/)
 * (@tigershroof)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063864)
 * okie thanks.
 *  [Bikram Singh](https://wordpress.org/support/users/bikram-singh/)
 * (@bikram-singh)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063881)
 * i am not expert but you can try this but you need to edit theme header you can
   get search form with get_search_form()
 *     ```
       ——–header code —
       <div class=”logo”>
       <h1 class=”logo-title”>Theme Preview</h1>
       <h2 class=”logo-tagline”>Previewing Another WordPress Blog</h2>
       </div>
   
       <div class=”header-search”><?php get_search_form(); ?></div>
   
       <div class=”news-ticker”><!– INSTALL NEWS TICKER PLUGIN AND PLACE SHORTCODE HERE –></div>
   
       ——–end header code —
       ```
   
 * CSS something like this:
 *     ```
       .logo{ display:inline-block; }
   
       .header-search {display:inline-block;}
   
       .news-ticker {display:inline-block;}
       ```
   
 * _[Moderator note: code fixed. Please wrap code in the backtick character or [use the code button](https://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
    -  This reply was modified 9 years, 1 month ago by [bdbrown](https://wordpress.org/support/users/bdbrown/).
 *  Thread Starter [tigershroof](https://wordpress.org/support/users/tigershroof/)
 * (@tigershroof)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063903)
 * Thanks a ton buddy. The Search Form came up fine but the News Ticker shows nothing.
   Do I need to install News Ticker Plugin before it will show anything. Also where
   should I paste the News Ticker Code in the Header.php file. I have pasted the
   actual code below of Header.Php code.
 *     ```
       <!DOCTYPE html>
       <html class=”no-js” <?php language_attributes(); ?>>
       <head>
       <meta charset=”<?php bloginfo(‘charset’); ?>”>
       <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
       <link rel=”profile” href=”http://gmpg.org/xfn/11″ />
       <?php if (is_singular() && pings_open(get_queried_object())) : ?>
       <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
       <?php endif; ?>
       <?php wp_head(); ?>
       <div class=”news-ticker”><!– INSTALL NEWS TICKER PLUGIN AND PLACE SHORTCODE HERE –></div>
   
       </head>
       <body <?php body_class(); ?>>
       <div id=”mh-wrapper”>
       <header class=”mh-header”>
       <div class=”header-wrap clearfix”>
       <?php mh_newsdesk_lite_logo(); ?>
       <div class=”header-search”><?php get_search_form(); ?></div>
   
       </div>
       <div class=”header-menu clearfix”>
       <nav class=”main-nav clearfix”>
       <?php wp_nav_menu(array(‘theme_location’ => ‘main_nav’)); ?>
       </nav>
       </div>
       </header>
       ```
   
 *     ```
       .logo{ display:inline-block; }
   
       .header-search {display:inline-block;}
   
       .news-ticker {display:inline-block;}
       ```
   
 * _[Moderator note: code fixed. Please wrap code in the backtick character or [use the code button](https://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
    -  This reply was modified 9 years, 1 month ago by [bdbrown](https://wordpress.org/support/users/bdbrown/).
    -  This reply was modified 9 years, 1 month ago by [bdbrown](https://wordpress.org/support/users/bdbrown/).
 *  [Bikram Singh](https://wordpress.org/support/users/bikram-singh/)
 * (@bikram-singh)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063960)
 * Yes your need to install news ticker plugin and place the shortcode or the code
   the plugin will generate.
    and place ticker code after `<body <?php body_class();?
   >>`
 * _[Moderator note: code fixed. Please wrap code in the backtick character or [use the code button](https://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
    -  This reply was modified 9 years, 1 month ago by [bdbrown](https://wordpress.org/support/users/bdbrown/).

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Code Help’ is closed to new replies.

## Tags

 * [css code](https://wordpress.org/support/topic-tag/css-code/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [Bikram Singh](https://wordpress.org/support/users/bikram-singh/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/css-code-help-2/#post-9063960)
 * Status: not a support question

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
