Exray WordPress Theme

Exray WordPress Theme

screenshot

Download | Preview

A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won’t get any trouble modifying most part of the theme. Some part of theme have auto color adjusment, it will adjust colors by calculating your input color and generate contrast color to make your content easier to read. You can always use Custom css on Theme Option if you willing to dirty your hands and don’t like auto adjusted colors. Using flat design concept, your content will standout catch your reader eyes.

Theme Features

Below are some highlighted features of Exray WordPress theme.

Theme Options

Modify backend functionality from theme options. On general options tab, you can change contact form email receiver and add custom scripts to head or footer of Theme. If you are looking for more customization for theme look and feel, you can put your custom css on Custom css tab textarea.

Theme Customizer

Most of theme functionality and design can be customized from theme customizer. See appearance -> Themes -> Under description of current theme choose Customize, in order to access it. In theme customizer, you can upload your website logo, top ad banner and change your theme colors.

Post Thumbnail Functionality

Post Thumbnails appear only in post lists, not on single posts.
You can easily set it by choosing “Set as Featured Image” when uploading an image or edit your post to add it.

Post Formats

Posts with the aside, status & quote post formats will displayed with no title;
the quote post format will only display the post’s first <blockquote> tag.
Posts with the link post format will link out to the first <a> tag in the post.

Widgets Areas

You can easily add widget on 6 customizable widgetized area, consisting left and right sidebar, fist, second, third and fourth footer.

Changelogs

1.4.2

  • New widgetized area, Header widget and Below header.
  • New widgetm Banner image.
  • Minor bug fix.

1.4.1

  • Fix broken layout on Internet Explorer 8 and 9.

1.4

  • Fix content option not working correctly.
  • Fix bug on Custom CSS output for special characters.
  • Add editor style CSS.
  • Add HTML5 semantic markup theme support for comment and search form.
  •  Fix css bug for no breaking title.

1.3

  •  Fix broken layout on Internet Explorer 9.
  •  Add new option to show content in excerpt or fullpost.

1.2.3

  • Fix license for Bootstrap.

1.2.2

  • Fix theme license.
  • Fix css bug.
  • Add attachment.php

1.2.1

  • Minor issues fix.

1.2

  • Remove contact page, Ad widget to follow WordPresss theme guidelines.
  • Add hide menu options.
  • Add hide go to top options.
  • Add new layout options.
  • Fix some code error on Exray class.

 1.1

  • Add reCaptcha widget on contact form for spam prevention.
  • Major code refactor.
  • CSS bug fix.
  • Add shortcode support for link button and embed youtube video.

1.0

  • Initial Release.

A WordPress fanboi and hobbyist from Indonesia. I do not make my living from WordPress, and just doing it for hobby on spare times. If you need something and I have time, let’s talk and shoot me email here septianahmad[at]naisinpo[dot]com. or Poke @fujianto on Twitter.

54 Comments

  1. Reply

    Hi Fujianto,

    First thing great theme!
    Hope you can assist me, I made some changes on the menu so far everything is working except when doing a mouse over I can’t seem to find the code to change the color of the background-color

    Thanks again
    Jun

  2. Reply

    Bundle of thanks for an awesome theme. I am loving it.. 🙂
    I want to move search box in the one menu which i am using on my site http://www.enstructive.com with white search input area, should be fitted in current menu size at right side. plz guide me as i don’t know much about these stuff.
    appreciate in advance for help.

  3. Reply

    I was wondering; the translating part? my site is Danish and small things like “This gallery contains 2 photos” or “No comment , Edit” I would very much like to change to Danish, is this possible?
    Jens-Christian

  4. Reply

    So far your theme is working out for me. thanks!
    But I’m trying to change the following:
    1) font size of the widgets in the sidebar. eg. when I use custom menu, the menu being listed on the side bar is too small. how do i make it bigger?
    2) I would like to change the content size, type, color of each post/page. How do I do this?
    I admit my css is not that good. I tried
    #primary, #secondary{
    font-size: 15px;
    }
    but didn’t do anything.

  5. Reply

    Hello Fujianto,

    I like your theme a lot. I would like it even more if I could change the background color of all pages and posts to black and the the two sidebars’ background color to dark gray, with the font colors white. Is that possible? BTW, I am a novice in wordpress!

    Thanks,

    Sam

    1. Reply

      That’s certainly possible, but you have to know a bit of css to do that. You can change background on Customizer. For the sidebar and font colors, add this css code to Custom Css box inside theme options.

      h1,h2,h3,h4,h5, article header .entry-title a, li, span, .content article .icon{
       color: #fafafa;
      }
      
      p{
       color: #ddd;
      }
      
      #primary, #secondary{
       background: darkgray;
       padding: 1em;
      }
      
      .content article.sticky {
      background: #1D1C1C;
      border: 1px solid #3C3838;
      padding: 1.5em 1em 0.5em 1em;
      }
      
  6. Reply

    Hi, I like this theme. It fits almost all my needs.
    Could you help me to change top menu font size? I tried to change it in custom CSS. Nothing happened.

    1. Reply

      Hello, just add this line of code to Custom CSS.

      /*** Bigger top menu font size ***/
      .top-menu-container .top-menu-navigation ul > li a{
      	font-size: 18px;
              height:45px;
              line-height: 45px;
      }
      
      1. Reply

        Thanks a lot Fujianto. One more if I can. How to put a top menu in center?

        1. Reply

          You are welcome, Try adding this CSS to Custom CSS.

          /*** Centering top menu ***/
          .top-menu-container .top-menu-navigation{
          	float: right;
          	right: 50%;
          	position: relative;
          }
          
          .top-menu-container .top-menu-navigation ul{
          	float: right;
          	right: -50%;
          	position: relative;
          	margin: 0;
          }
          
          .top-menu-container .top-menu-navigation ul > li ul li ul {
          clear: both;
          float: right;
          width: 100%;
          }
          

          Hopefully, no bug occurred. Take sometimes to code this snippet, silly me 😉

          1. Reply

            Fujianto it’s fantastic!!! Thank You very much!
            You just made my niece happy. I use your theme to make her first blog and she wants more then I can do. You saved me 🙂

          2. Reply

            Hi Fujianto, me again. Now I need help to put header logo (image) in the center as well. It took left side of the header. I suppose that right side is occupied by ad widget. How to remove that ad to free space for logo only?

            Thanks in advance

            1. Reply

              Hello Annika,
              To do that, open header.php. Remove this block of code.

              
                                          <div class="span6 clearfix">
              
                                  <?php if ($options['display_top_ad'] && $options['top_ad'] != '') : ?>
              
                                          <aside id="header-widget" class="right-header-widget fr top-widget" role="complementary">
              
                                              <figure class="banner">
                                                  <a href="<?php echo esc_url( $options['top_ad_link'] ); ?>"><img src="<?php echo esc_url( $options['top_ad'] ); ?>" class="centered" alt="Ad"></a>
                                              </figure>
              
                                          </aside>		
                                          <!-- End Header Widget	 -->
                                  <?php endif; ?>
              
                                          </div>	
              

              Then, add this css code to Custom css box on Theme Option.

              .logo a img{
              margin-right: auto;
              margin-left: auto;
              display: block; 
              }
              
              .text-logo{
              text-align: center;
              }
              .logo-container{
              width: 100%;
              }
              

              Save changes, Your logo should be centered, enjoy!
              Thanks for this question, I think I found one more thing to fix for the next update.

              1. Thanks a lot for help. You are great when care about your customers.

  7. Reply

    I liked the design and I am trying to use this design on my website. I noticed the following. If I enable the logo, then the “Title and Tag lines” disappear. I want to have the “Logo”,”Title and Tag lines” and the “ad” all in one row. I also like to have the ability to align the 3 items closer. For example, If the logo size and the ‘ad’ size is smaller, then it should align closer to the ‘Title and Tag lines’ on either side of it. I tried to do this by editing the header.php file. I was not successful at it. I was wondering if you can show how I can put the 3 items closer together and to the center of my page.
    Thanks

    1. Reply

      Unfortunately, this Theme is designed to show Logo + Ad or Title and Tag lines + Ad on header. By default, Showing Logo, title and Tag lines can’t be done. Rather than modifying header.php and losing your modification on the next update, it’s much better to override header.php by creating Child Theme.

  8. Reply

    Hello,

    I am trying to get the Logo area to expand move. Can you please give me an idea of how to do this?

    1. Reply

      Hello, what do you mean by “Expand Move”? Do you want to make it bigger?

Leave a Reply

Your email address will not be published. Required fields are marked *