I'll have a play with it on the weekend. No promises though  smile

2

(5 replies, posted in General Help)

andyberard wrote:

Hello, I am a newbie to the world of blogging. I am considering The Arras Theme. Will this theme allow you to use a text editor rather than a CSS codex. I currently have a fitness blog with The Inferno Theme and really like its ease of function and application. Any thoughts or advice!!

Arras has a whole bunch of options that you can change in wp-admin to customize how it looks. I'm not too sure what a "css codex" is, but editing the arras css is just like editing any css or text file, you can use any text editor or you can even edit it through the wp-admin theme editor page.

There's some getting started info on the wiki that may answer some questions for you: http://www.arrastheme.com/wiki/doku.php

3

(5 replies, posted in General Help)

gbrozana wrote:

Thanks for the replays Charles, shortly after I made this thread I was using firebug and pasting the CSS into my user.css.  The only problem I have now is that whenever I post any kind of css into user.css it doesn't change anything.  I'm starting to think my user.css is messed up or maybe I'm just doing something simple wrong?

What are you putting into user.css exactly? Do you have a site online that I could look at?

4

(4 replies, posted in General Help)

walnut wrote:
charlesb wrote:

wp-admin > Appearance > Widgets

From here you can drag and drop different widgets into the different sidebars and into the footer areas on the right.

Yes, I know that but the problem is that I have content in the side bar but when i go to widgets, everything's empty. Nothing's there and when i add a widget to the sidebar, the content that was already there disappears. hope I'm making sense here.

Arras comes with some hard-coded default widgets in the sidebar to get you started. When you add a widget in wp-admin, it removes all these default widgets, and just shows the one's you've manually added. But you can easily re-add the default ones again in the wp-admin Widgets page.

Full Windup wrote:

Thanks for the response. I will try this soon.  Thanks!

Take care with that approach though, if you ever do an arras "regenerate thumbnails" you'll lose your overwrites.

Only other way to do this would involve modifying the arras code to change the way it retrieves the images.

6

(6 replies, posted in General Help)

Stocko wrote:

DO NOT USE .MOZ CODES.

It is not worth it. The majority of the population still use I.E. as an expolorer, and .Moz only works on Firefox. More importantly, if a user is not using Firefox your website will look horrible.

It's bad practise to use .moz codes currently.

The best way to achieve rounded corners, is the create an image with rounded corners in photoshop to trick the website into getting the style. I've tried this before and it didnt go well so decided against it.


Yes the moz properties above work only in Firefox, however the webkit and khtml and border-radius properties make the rounded corners work in chrome, safari, konqueror, opera and IE9 as well.

It does NOT work in IE6, 7 or 8 (and probably not in really old versions of the other browsers either), however for these browsers the solution degrades gracefully and the user simply sees a site that has square corners rather than rounded ones. Yes, you do need to test these browsers to make sure everything looks OK, but I feel it's incorrect to say that it will look "horrible".

To actually change what appears in that overlay (ie: put the date instead of the category) you'll have to make some changes to the theme's PHP code. Classical Gamer theme looks to be a bit different to arras original in how this works, so I'm not going to venture any suggestions here. Perhaps you could post the question in the Classical Gamer forum: http://www.arrastheme.com/forums/forum1 … gamer.html ?

Never mind I found your site link in your profile. Looks like you haven't added anything to user.css yet, if you put the code there I'll have a look.

Yeah, that's the right place. What's your site, I can have a look and see if I can figure out what's wrong.

10

(5 replies, posted in General Help)

Generally speaking, when someone posts code here it's either CSS or PHP code.

The CSS code should go into "user.css" in your arras theme directory (wordpress/wp-content/themes/arras/user.css). This file is for user customizations to the them - keeping them all in the one place here makes upgrading arras theme easier in the future.

Help that involves editing PHP code is not as common, and you should only attempt this if you really know what you're doing. Best to stick with CSS changes for a while at least smile

If you want to get a bit more advanced again, you can create a child theme. It's not as hard as it sounds (arras comes with a sample child theme to get you started), and it means that upgrading arras is way easier.

11

(4 replies, posted in General Help)

wp-admin > Appearance > Widgets

From here you can drag and drop different widgets into the different sidebars and into the footer areas on the right.

12

(6 replies, posted in General Help)

Yeah, I understand. I reckon the only way you'll get that is to ditch timthumb (ie go with the wordpress featured images).

I wrote an SQL script to migrate from one to the other when I did my switch.

13

(6 replies, posted in General Help)

Also interesting to note...

The original image has a height of 185px, but the second image has a height of 186px.

The URL of the second image is:
http://orioles-nation.com/wordpress/wp- … 6&zc=1

Note the "h=186" parameter.

If you change this to 185 instead you get something that looks a little better, although still some artifacts noticeable on his orange shirt. Not sure what my point is really. Maybe if you can coerce timthumb into not resizing to 186px it might look a wee bit better?

To remove it entirely, put this in your user.css:

.posts-default .entry-meta {
  display: none;
}

Not an easy way as far as I know.

Here what I use on my site, which shows three suggestions side by side with thumb image.

put this in yarpp-template-arras.php

<?php
if ( $related_query->have_posts() ) {
    echo '<br/><h3>Related Articles</h3>';
        echo '<ul class="related-posts">';
        while ( $related_query->have_posts() ) {
                $related_query->the_post();
                ?>
                        <li class="clearfix">
                            <a href="<?php the_permalink() ?>">
                                <?php echo arras_get_thumbnail( 'quick-preview-thumb', get_the_ID() ) ?><br />
                                <h6><?php the_title() ?></h6></a>
                                <span class="sub"><?php the_time( __('d F Y g:i A', 'arras') ); ?><br/>
                                <?php comments_number( __('No Comments', 'arras'), __('1 Comment', 'arras'), __('% Comments', 'arras') ); ?></span>
                                <p class="excerpt">
                                <?php echo get_the_excerpt() ?>
                                </p>
                                <a class="sidebar-read-more" href="<?php the_permalink() ?>"><?php _e('Read More...', 'arras') ?></a>
                        </li>
                <?php
        }
        echo '</ul>';
}

And this in user.css (or style.css if you're using a child theme):

.related-posts li {
    float: left;
    width: 190px;
    height: 320px;
    position:relative;
    border: none;
}

.related-posts .excerpt {
    height: 100px;
    overflow: hidden;
}

.related-posts .attachment-quick-preview-thumb {
    width: 160px;
    height: 115px;
    border: 1px solid #CCC;
    padding: 2px;
}

.related-posts .sidebar-read-more {
    position: absolute;
    bottom: 0;
}

.related-posts h6 {
    margin: 8px 0px 4px;
}

.related-posts .sidebar-read-more:link, .related-posts .sidebar-read-more:visited {
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
}

It's still not exactly how i'd like it, sometimes stuff doesn't line up nicely, and it doesn't look great in the RSS feed, but it works OK for me for now.

16

(6 replies, posted in General Help)

The second image has been resized by the "timthumb" library (look at the url), so I suspect that the algorithm it uses to do the resizing results in a bit of image degradation.

One solution *might* be to move to the new arras way of handling thumbs, through the WP "featured image" rather than the custom field.

andrewly wrote:

Thanks!  Now if I wanted to remove just the date or just the comment box, how would I do that?

.posts-default .entry-comments {
    display: none;
}

.posts-default .published {
    display: none;
}

First one hides the comments, second one hides the published date.

You could possibly also use an image for this, as I have done on my site. Upload the image into an "images" directory in your child theme and you can do something like this:

.widgetcontainer ul, .widgetcontainer ol {
    list-style-image: url("images/right_arrow.gif");
}
johnlepo wrote:

In summary, I either need to be able to ... switch completely to posts and have the ability to put posts in the  menu and sort them hierarchically, thus rendering pages completely redundant.

What is stopping you from doing this? WP 3.1 has a completely customizable menu system (Appearence > Menus) where you can add what you like (posts/pages etc).

As for having pages rather than posts appear on your home page in the Arras node/quick/line views, I suspect that would take some (possibly significant) changes to the theme code.

Thanks, glad you like my site smile

The slideshow height can be increased through the arras options (wp-admin > Theme Options > Thumbnails tab). On my site I also moved the article title/excerpt below the slideshow image so it doesn't obscure the photo - this takes a bit of fiddling, but I can let you know how if it's something you're interested in.

Add this to user.css

.posts-default .entry-meta {
    display: none;
}

Your best bet for embedding flash is to use a plugin. I just tried this one and it worked for me: http://wordpress.org/extend/plugins/swfobj/

It gives you a little "Add Flash Content" button when you're editing your post.

Usually that empty space is filled with an excerpt from the article - I assume you don't want the excerpt? If that's the case, then this will get rid of the empty space for you. Add this code to arras/user.css

.posts-default li {
  height: 140px;
}

24

(3 replies, posted in General Help)

I'm not too sure what might be causing that. A few things you could try:

First try to disable all plugins and see if that fixes the problem. If so, re-enable them one at a time to try to find the culprit.

Have you made any modifications to the arras or wordpress files? If so revert your changes and see if that fixes the problem. You could perhaps try to do a fresh install of arras again (don't forget to back up any changes you've made first!).

So I made the changes exactly as you did to my test site and no grey bar. I suspect the problem may lie elsewhere.

A few things you could try:
- disable any plugins you've installed and see if the grey bar goes away
- remove any other customizations you've made to arras or wordpress and see if the grey bar goes away

If either of these solves the problem, add things back in one at a time until you find the culprit.