Home » Free WordPress Themes » You are reading »

Ariel

   Theme Licensing Options

    Free License:Creative Commons Attribution-Share Alike
    Developer License:GNU General Public License
Price - $37.00
Unlimited domains and multisite domains uses for personal or clients and commercial projects
Paypal payment accepted  Mastercard payment accepted  Visa payment accepted  Discover payment accepted

Ariel WordPress Theme

Ariel is a 4 columns fixed width WordPress theme by MagPress.com. This WordPress template has theme options, featured slider and categories, Adsense ready, etc.

Tags: , , , , , , , , , , , Ariel WordPress Themehttp://www.magpress.com/wp-content/uploads/2012/03/ariel-wordpress-theme.pngRonald Free WordPress ThemesAdsense Ready,Custom Menu,Featured Content,Fixed Width,Four Columns,Left Sidebar,Right Sidebar,Theme Options,Threaded Comments,Twitter Ready,White,Widget ReadyAriel is a 4 columns fixed width WordPress theme by MagPress.com. This WordPress template has theme options, featured slider and categories, Adsense ready, etc. MagPressZipDownload HerePreview This Theme1.113 March 201211,896WordPress
Version 1.1

- fixed twitter new api compatible
- fixed image auto height issue

Version 1.0

- initial release

WINDOWSPrice: $37.004.0 (11896 ratings )
Download (11896) Demo/Preview 95 Comments

   Theme Licensing Options

    Free License:Creative Commons Attribution-Share Alike
    Developer License:GNU General Public License
Price - $37.00
Unlimited domains and multisite domains uses for personal or clients and commercial projects
Paypal payment accepted  Mastercard payment accepted  Visa payment accepted  Discover payment accepted

Version and Changelog

Version 1.1

- fixed twitter new api compatible
- fixed image auto height issue

Version 1.0

- initial release

Other Themes You Might Like

Free WordPress Theme - Grube

Free WordPress Theme - Redmilk

Free Magazine WordPress Theme - Ariela

Enjoy This Article?, Follow us or Share it ??

95 Comments Already

  1. Seems I confused you in the last thread. My question is: How do I create a new menu and place it above the header?

    • i mean you already have 3 menu right? top – main – footer
      did the previous solution on pastebin did not work. are you looking to add fourth menu?

      although you need to add the menu location in functions.php

      // This theme uses wp_nav_menu() in one location.
      	register_nav_menus( array(
              'top' => __( 'Top Menu' ),
      	'primary' => __( 'Primary Menu' ),
      	'footer' => __( 'Footer Menu' ),
      	) );

      add the top menu,
      and you need to edit header.php top menu wp_nav_menu location to ‘top’
      you should have 3 location menu in wp-admin->appeareance-> menu

      • Thank you. I’ll leave it like that for now. (Used the code you had shared above). Would it be possible to change the font colour for the menu above the header to make it more visible? It’s currently white and the background is greyish white….

        • try add this to style.css

          #navigation { float:left; }
          • Hi Ronald,

            with the above code, the menu above the header looked exactly like the one below the header. I find this too dark, with both menus being black. Can I just change the font colour to black in the menu above the header?

            • try add class to the top one like

              <div id="navigation" class="top-nav">

              add add something like this in style.css

              .top-nav { background:#fff !important; }
              .top-nav a { color:#cc0000 !important; }

              edit the hex color to your own choice.

              • THANK YOU!!!!!

                It’s perfect, I added the second code .top-nav a { color:#000000 !important; }
                The background is ok as it is.

                THANK YOU again, you’ve been very helpful and patient 😉

  2. A friend who was helping me with the side mess it up, no i get this message, I downloaded the them, but i couldn’t figure out were to go to paste all default files and folders into the theme folder via FTP.
    Error ” paste all default files and folders into the theme folder via FTP”
    please help, my site is down for weeks now
    thanks

  3. I’d like to move my menu to above the header banner. I added a new menu to the top menu at the top, and that second menu is the one I’d like to move to above the header.

    • you will need to move the secondary menu code in header.php

      • How? I can’t seem to find the correct code to do that. Could you please share the code to do that. I’d highly appreciate it.

        • open header.php and moved entire div id navigation to above div id header

          • Could you please paste the code that should be moved and where it should be moved to? When I move the code to above div id header then on the website, the header seems hidden.

            • its hard to check without actual source code, try copy paste your header.php code to pastebin (PHP) and let me know the url..

              • Please find the header.php code here: http://pastebin.com/gnqdFhjz

                Also worth noting is that I added a third menu, the code in function.php is:
                // This theme uses wp_nav_menu() in one location.
                register_nav_menus( array(
                ‘primary’ => __( ‘Primary Menu’ ),
                ‘header-menu’ => __( ‘Header Menu’ ),
                ‘footer’ => __( ‘Footer Menu’ ),
                ) );

                The Primary and Header Menu are both at the top, but I only want to move the Header Menu to above the Header and leave the Primary menu below the header.

              • If possible also change the style of the Header menu e.g. to the same formatting as the footer menu.

                Thank you for taking time to answer.

                • i don’t think you can since both navigation use the same css, unless you want to re-write the header menu css

                  • Then how can I add an independent menu that I can easily move above the header?

                    Could I move the footer menu to above the header? or duplicate it and have one above the header and the other at the foot of the page?

                    • why do you want to move footer nav into header? you could easily change the menu location via wp-admin->appereance->menus
                      to my understanding, you now have top menu – header menu – footer menu right?

  4. How can I edit the ”you are here” text which is under the nav bar to what text I like? Thanks

    • edit in includes/breadcrumbs.php

      • Thanks Ronald. My site is still in development stage in my local server. When am done, I will buy your theme before going to production stage. Your themes are good. Thanks once more.

  5. slider disappeared, how I can restore it?

    thanks

    • did you disable the slider in theme options? any plugin activated recently that may cause conflict with slider javascript?

  6. The code is just above this, in the style.css file.

    html, body {
    font-family: verdana !important;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    font-size: 14px;
    background-image: url(images/bg.jpg);
    background-repeat: repeat;
    background-position: left top;
    }

    • try this new code and replace the previous one.

      /* global links */
      #siteinfo a:hover, #breadcrumbs a, #sidebar a, #content2 a, span.aname, .post-meta a, .slideInfoZone h3 a, .wp-pagenavi .current, #commentpost a, h4#comments span, #commentpost .fn { color: #003366 !important;}
      
      /* navigation home bg */
      #dropmenu li a:hover, #dropmenu li#home a, #dropmenu li#home a:hover, #dropmenu li.current-menu-item a, #dropmenu li.current-menu-item ul li a:hover { background: #888 none !important; color: #FFFFFF; text-shadow: 0 1px 1px #000000; }
      
      /* reply button bg */
      #commentpost ol.commentlist li div.reply a { background: #666 none !important; color: #FFFFFF !important; text-shadow: 0 0 0 tranparent !important; }
      
      /* comment submit button */
      #commentpost #cf .tinput { background: #888 none !important; color: #FFFFFF; text-shadow: 0 1px 1px #000000; }
      
      
      #post-entry .post-meta .readmore a {  color:#fff !important; background: #003366 !important;}
      #post-entry .post-meta .readmore a:hover { color:#fff !important;background: #2571BC !important;}
  7. Sorry for this second post, but I just saw I also would like to change the color on my right sidebar ‘Recent Comments’. The post tekst is also my #003366 color, I would like that tekst black please. Thankies

    • previous code seem to change all the necessary link color in my end. where do you input the css? cheers

  8. Hey, it all worked, but theres 1 thing missing for the ‘read more’.
    The tekst color changes with the one I change in ‘global links’, also the hover I don’t know how to change on read more. It’s still red.

  9. Can I also know how I change the red link color?

    In the navigation, comment , post titles, sitebars, and not to forget the content slider popup thing

    • to change all the links and hover open style.css and add this, you can adjust the color hex according to your choice

      /* global links */
      #siteinfo a:hover, #breadcrumbs a, #sidebar a, #content2 a, span.aname, .post-meta a, .slideInfoZone h3 a, .wp-pagenavi .current, #commentpost a, h4#comments span, #commentpost .fn {color: #888 !important;}
      
      /* navigation home bg */
      #dropmenu li a:hover, #dropmenu li#home a, #dropmenu li#home a:hover, #dropmenu li.current-menu-item a, #dropmenu li.current-menu-item ul li a:hover { background: #888 none !important; color: #FFFFFF; text-shadow: 0 1px 1px #000000; }
      
      /* reply button bg */
      #commentpost ol.commentlist li div.reply a { background: #666 none !important; color: #FFFFFF !important; text-shadow: 0 0 0 tranparent !important; }
      
      /* comment submit button */
      #commentpost #cf .tinput { background: #888 none !important; color: #FFFFFF; text-shadow: 0 1px 1px #000000; }
      
  10. Hey Ronald, thankyou for such a fast reply, the single post worked! altho I used 850px width instead of 730px, looked too small.

    But the font family didnt work.
    I realy think the template would look nicer with another standard font and a font size higher.

    Hope you know the answer on this,
    cheers !

    • they seem to work in my end. whats the code you put in?

      • this is the code:

        html, body {
        	font-family: helvetica, arial !important;
        	margin: 0px;
        	padding: 0px;
        	width: 100%;
        	height: auto;
        	font-size: 13px;
        	background-image: url(images/bg.jpg);
        	background-repeat: repeat;
        	background-position: left top;
        }

        Upping the font size does nothing. Same with font family.

        • seem like helvetica did not work, try change to verdana or helvetica neue and it worked.
          helvetica may seem 99% same as arial..try another fonts combination.

          • verdana worked,thanks.
            But the font size still isn’t.
            Although the default was “em” and not “px”, but I don’t know why that shudn’t work.

            this is what it is now :

            html, body {
            font-family: verdana !important;
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: auto;
            font-size: 14px;
            background-image: url(images/bg.jpg);
            background-repeat: repeat;
            background-position: left top;
            }

            • hi mike, unfortunately the theme font size are not global. you need to adjust them 1 by 1 in css.
              or maybe adding something like this

              p, #container p { font-size: 14px !important; }
  11. Hey,

    I’m trying to change my font family and font size for all the tekst, but when i do so in the stylesheet, it does nothing.
    html, body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    font-size: 13px;
    background-image: url(images/bg.jpg);
    background-repeat: repeat;
    background-position: left top;
    }

    Changing this to :
    html, body {
    font-family: Helvetica;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    font-size: 13px;
    background-image: url(images/bg.jpg);
    background-repeat: repeat;
    background-position: left top;
    }

    and nothing changes.

    Can u help me?
    Thanks

    Also, I like to have my first ( index page ) just like how it is right now, but when opneing a post, I like to have more space for my content, I already upped the width of the main content, but is it possible to remove 1 of the 2 sidebars when opening a post? Adding images is a pain in the *ss with just around 580 px width.

    I would realy appricate if u could reply me on this,

    Thanks in advance

    • try adding !important to the edited css like this

      html, body { font-family: helvetica, arial !important; }

      @wider content in single
      open single.php and comment out this code like this

      <?php //include (TEMPLATEPATH . '/includes/content-left.php'); ?>

      then edit line 5 html code to this

      <div style="width:730px !important;" id="content">

      that should do it. cheers

  12. This error message is being generated by the feed. When I create the blog feed he rejects with this message. And sing it I can not make or render a pro feeder blog. discover what is causing it.

    • hi neto, try open functions.php and go to line 12+ below if ( function_exists( 'add_theme_support' ) ) { and add this line

      add_theme_support( 'automatic-feed-links' );
  13. Hi! Friend your theme is experiencing the following problem. I’ll have to change. The notion that you concerte this error. Get this error message: The URL does not appear to reference a valid XML file. We encountered the following problem: Error on line 443: The reference to entity “lang” must end with the ‘;’ delimiter.

    • hi neto, i didn’t see this error in log, where or how this error come by? is it in server log or browser log etc?

  14. Hi, I I cannot manage to desapear “blogroll”, “categories”, “meta” etc, from my template even though I haven’t selected those widgets

    I’m sure you are going to enlighten me 🙂

    thanks

    • hi minie, thats the default, you need to setup widget so all the other unnessary element like blogroll, categories and meta will dissapear.

      • I did not understand very well, as I remove Blogroll and Meta that come by default in the template?

        • i see, i thought you meant the post meta like ‘posted by author on date and category etc’
          recons use the wp-admin->appeareance->widget to control your own sidebar item.

  15. You are a sunshin, Thank you so much!
    🙂

Leave a Reply

Please note: Do not SPAM this comment form, all links will be delete immediately

← Newer Post
Older Post →