header.jpg

“Bytes For All”, “BFA Round Tabs” and “Willy the Cat” updated

Updates available for all three WordPress themes, Bytes For All, BFA Round Tabs and Willy the Cat.

This is not a critical update, especially if you do not notice any strange behaviour on your site. It really depends on your style of writing posts and pages. The error occurs only if you do things such as

  • using the default float:left setting
  • AND: using images within list items
  • AND: the text that wraps around that image is not long enough to wrap around the whole image

Nonetheless the site-wide float setting can produce some ugly results under specific conditions such as the one mentioned above, so I dropped that “feature” alltogether and the new versions do not have it anymore.

Instead, you are now encouraged to use the old style “alignment” setting in the WordPress editor’s image editor (click the Tree icon when in the editor). That is a more intuitive way of dealing with text wrap around images, and besides that you can align images left and right at the same time with that, whereas the site-wide image float allowed only one alignment direction.

34
comments so far
Subscribe to the comments feed • Both comments and pings are currently closed.
  1. Zastio:

    I’m using your round tabs theme.I like it very much.It is so beautiful theme for me.

  2. EBRAHIM SHAH:

    Hi, i am using your round tabs theme.it is so beautiful theme for me.i like it very much.but in my website i couldn’t show next page.i tried many time using next page plugin.but i failed.please help me,how can i show next page in round tabs theme?
    thank you.

  3. Ally:

    Hi, just to say that the “Willy the cat” theme is not compatible anymore with the 2.9.1 version of WordPress 🙁 If you update it, please let a message here so that I can have the notification! Thanks.

  4. Sebastien:

    Thank you very much for your quick answer! It works great and in addition to the text around the image in the post, the images on the sidebar are also much better.
    Thanks again!

  5. admin:

    @Sebastien: This theme doesn’t have the new WP 2.6 image classes yet. You could add the code from below at the bottom of style.css, but lists and new paragraphs would still break the float (they would go below the imgage), to change that, too, remove this from headerp.php:

    img {margin: 10px; border: none}
    .entry ul, .entry ol {clear:both}
    .entry ul li, .entry ol li {clear: both}
    .entry p {clear:both}

    This would be the new WP 2.6 image classes taken from the theme “Atahualpa”, you can add them to the bottom of style.css:


    /* -------------------------------------------------------------------------------------------------
    ------------------------------------- GRAVATARS ----------------------------------------------------
    ---------------------------------------------------------------------------------------------------- */

    img.avatar {
    float: left;
    margin: 0 8px 3px 0;
    padding: 3px;
    border: solid 1px #ddd;
    background-color: #f3f3f3;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    /* -------------------------------------------------------------------------------------------------
    ------------------------------------- New WP 2.6 image classes -------------------------------------
    ---------------------------------------------------------------------------------------------------- */

    .entry img {
    margin: 10px 10px 0 0;
    padding: 5px;
    border: solid 1px #ddd;
    background-color: #f3f3f3;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .postmetadata img {
    border: none;
    margin: 0 0 -3px 0;
    padding: 0;
    }

    img.alignleft {
    float: left;
    margin: 10px 10px 5px 0;
    }

    img.alignright {
    float: right;
    margin: 10px 0 5px 10px;
    }

    img.aligncenter {
    display: block;
    margin: 10px auto;
    }

    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft,div.alignleft {
    float: left;
    margin: 10px 10px 5px 0;
    }

    .alignright, div.alignright {
    float: right;
    margin: 10px 0 5px 10px;
    }

    /* -------------------------------------------------------------------------------------------------
    ------------------------------------- IMAGE CAPTION (new in WP 2.6) --------------------------------
    ---------------------------------------------------------------------------------------------------- */

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px 0 0 0;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 0.8em;
    line-height: 13px;
    padding: 2px 4px 5px;
    margin: 0;
    color: #666;
    }

    /* -------------------------------------------------------------------------------------------------
    ------------------------------------- SMILEYS ------------------------------------------------------
    ---------------------------------------------------------------------------------------------------- */

    img.wp-smiley {
    float: none;
    border: none;
    margin: 0 1px -1px 1px;
    padding: 0;
    background: none;
    }

  6. Sebastien:

    Hi,

    First thanks for your very nice theme Round Tabs. I started using it and I love the clear presentation. I think it’s really a benefit for the users.

    I just have a question regarding the images. I cannot have text around the image. The text starts below. I have read your tips but I just don’t understand how to change that. Please help 🙂

    Many thanks for your support.

  7. Venesa:

    Oh. I am dissappointed as I see many websites that have this dropdown feature and I didn’t want to have ‘Pages’ on the sidebar.O well not to worry. I know about the depth in the header. Thanks for the tip about the title of the parent page. I will use it. And thanks so much for all your tips. I love the Montezuma theme. Cheers

  8. admin:

    @Venesa:

    The sub pages are not meant to appear in the top menu bar. The top menu bar has no drop down either. But if wanted to list the the sub pages side by side in the top menu, you could do that:

    In wp-content/themes/montezuma/header.php, at around line 134

    FIND

    $string = wp_list_pages('title_li=&echo=0&depth=1' );

    and REPLACE with

    $string = wp_list_pages('title_li=&echo=0&depth=0' );

    to list all levels of pages, or set

    depth=0 to i.e. depth=2 to show only the first 2 levels of pages in the top menu.

    “Also once on the subpage there is no way back to the previous page.”

    If you mean that the title of the parent page of the sub page(s) is not clickable, you can change this:

    In wp-content/themes/montezuma/functions.php, at around line154-155

    line 154 should start with a #

    Remove the # from the start of line 154 and put a # in front of line 155 instead

  9. Venesa:

    Thanks I thought I was going mad. (Too much time on the computer)

    Now the ‘subpages’ appears on the sidbar but still not above on the top menu bar for the pages listed above the heading. Also once on the subpage there is no way back to the previous page.

  10. admin:

    @Venesa:

    You’re right, the subpages widget doesn’t appear in 2.5. I am going through all my themes atm and will release updates within a few days. For a quick fix you can

    in wp-content/themes/atahualpa/functions.php, line 18

    FIND

    if (eregi('^(2|3)\.(2|3)', get_bloginfo('version')))

    and REPLACE with

    if (eregi('^(2|3)\.(2|3|5)', get_bloginfo('version')))

  11. Venesa:

    Yes I understand what you are saying but ‘subpages’ is not a widget listed in Admin>Design>Widgets. I have many other widgets as I mentioned in my previous email but definitely no subpages. (I can put ‘pages’ in as a widget and it will show the subpages and pages listed in the sidebar.) It is also not listed if I change the theme to your Atahuapha theme which I downloaded as it also siad it had the subpages. It does work either. What else can I do? Thanks.

  12. admin:

    @Venesa: Subpages aren’t a default WordPress feature, it’s a widget that is included in a few of my themes. To activate subpages, drag and drop the subpages widget into the top of any sidebar.

    Location of widgets:
    WP 2.3: Site Admin > Presentation > Widgets
    WP 2.5: Site Admin > Design > Widgets

  13. Venesa:

    Hi Admin

    I am using WordPress 2.5.1 and I have never seen ‘subpages in the Widgets ever only page, archieve, post, calender ,rss etc etc. So how can I get it? No wonder these things don’t work. Appreciate your help.Thanks.

  14. admin:

    @Venesa: For a reason that I couldn’t figure out yet, the subpages widget must always be on TOP of any sidebar (= the first widget in any sidebar) or it won’t display anything.

  15. admin:

    @Melisa: It’s in style.css, line 113, postmetadata. As you can see there, that’s not an image but a border. You could change the size and color of the border or remove it alltogether in line 113.

  16. admin:

    @Tee: Thanks!

    @Judith: Sorry for being too late

  17. Venesa:

    Hi Please ignore my previous comment questions re Willy the Cat. Too many problems with changing the design. So I choose your Montezuma theme. It is easier to work with and I like the fluid page. I understood it had sub pages in the menu. If so how do I get it to work? I did set up the pages in WordPress as a child under pages but only the sidebar menu for ‘Pages’ will work not the top menu bar. I want to be able to dropdown and select from the top menu bar and see the sub pages then when I highlight them with the mouse I see them and can select it. Hope you can help. Thanks.

  18. Venesa:

    1. How do I change the certain colours in “Willy the Cat” as there are areas not listed in the options for Willy. For instance, I am unable to change the top 3 bands – one is on the very top of the page, and the other two are the top and bottom of the cat image. There is also a fourth band/strip at the bottom – so when I change the colour of the footer, there is still a band of original colour at the very bottom. I am using version 1.0 in WordPress V2.5.1.

    2. I changed the colour of the main background to a lighter colour, now the date boxes in the posts are showing the corners of a white rectangle underneath the date box. How do I change this colour or delet the white rectangle?

    3. How do I change the colour of the white page under the Willy theme.

    4. I changed the sidebar and added the widgets. Now the WordPress search default one comes up. It does not have the icon but the word “search” instead. How can I have your icon? If I can’t have the icon, then how do I lenghen the empty search box or move the word ‘search’ and its box up a line to the right side of the search box. As it sits under the emtpy seach box.

    5. In the responses – it is very cramped up. How do I add a line border between each response like what you have between the posts? And also add an extra blank lines – (I also want to use the blank line code for adding extra blank lines in my pages. NOte the the HTML code in Write Pages only recognises one blank return line adding only more of this code does nothing nor does selecting the ‘Enter’ button on the keyboard in the Visual part do nothing.

    Thanks so much for your assistance.

  19. Melisa:

    I’m trying out your Bytes for All template and I think I am going to like it but I’m having trouble finding one thing. I’d like to change that little gray square next to the posted date (at the bottom of each entry) to another image but I can’t find it anywhere in the code. Is it in style.css or somewhere else?

  20. judith:

    hi i’m using your theme for my site http://www.fashmagazine.nl and i would love to place a header (image) on top and a different background. How am i supposed to do that? hope te hear from you soon! best regards.

  21. Tee:

    FYI – I also posted a question in the WordPress forums, and they provided a fix. I tested it and it does work:
    http://wordpress.org/support/topic/151545

    I don’t know if that change something you’d also like to include in a future version of the template, but thought you’d like to know.

    Thanks again!

  22. Tee:

    Hello yet again! I think I may have found another issue with the BFA theme.
    The comments form at the end of a post stretches all the way to the right. This was not a problem for me initially, but as my right sidebar is growing, the two overlap.
    I tried disabling every comment-related plugin (Aksimet, JSSpamblock, CommentLuv) I have to see if that was the issue, but no change.
    I have tried changing the numerical values in several places (stylesheets and comments php file) to smaller values or percentages, but the wide comment input box remains. When I view the source of the compiled page, it says comment textarea width= 100% even after I changed it to 50%.

    Any ideas what could be causing this? I know it’s possible that it’s not a theme issue (I’m not a coder by any means), so if it’s not a bug, I’d sure appreciate your input on where else I can look to attempt to fix. Thank you very much, and I’m sorry to bother you if this turns out to be unrelated to the BFA theme.

    Have a great day!

  23. Tee:

    Hello again, and thanks very much for your solutions!

    I implemented your subpages fix, it works well and does what I need it to do. I’ll also keep an eye out for your next version of the template with the IE display bugfix – I don’t want to customize too much of the template so I can easily drop in the next version as updates are made. Of course, as “go-live” time comes nearer, I might just manually edit anyway!

    Again, thanks so much!

  24. admin:

    2) That is actually kinda built in but probably not made clear enough. To use the built in features

    a) Make those pages (that should not appear at the top) subpages:
    “Site Admin” -> “Manage” -> “Pages” -> “Edit” (on the right hand side of the page name in question) -> “Page Parent” (choose another page as the parent page).

    b) Drop the “Subpages” widget to the TOP of one of the two sidebars:
    Go to “Site Admin” -> “Presentation” -> “Widgets”, and drag and drop the “Subpages” widget from the rectabgle at the bottom to the top of one of the two sidebars.

    This may not be exactly what you wanted but I couldn’t think of an easy solution at the moment.

  25. admin:

    @ Tee:

    1) in wp-content/themes/bytesforall/header.php

    at around line 86 / 87

    FIND:


    .inside h1{ font-family: <?php echo $bfa_blog_title_font; ?>; letter-spacing:-1px; line-height: 1.0em; .........

    and REPLACE with:


    .inside h1{ font-family: <?php echo $bfa_blog_title_font; ?>; letter-spacing:-1px; line-height: 1.2em; ..........

    Basically, change:

    line-height: 1.0 em;

    to

    line-height: 1.2 em;

    (or a higher value. 1.23 etc works as well)

    This is a bug, thanks for letting me know (and for using the theme). I will fix this in the next update of the theme, along with a few other improvements / fixes.

  26. Tee:

    Hello! I’m setting up a new website and found your BFA theme. I love it and wanted to say THANK YOU for putting so much time and effort into this, it really does look great and definitely stands out from many other themes. I am seriously leaning towards this theme for my website (the site – http://www.joyfuldigesting.com/ – is still in beta phase at this point, but should be ready for initial rollout by mid-March) and will of course credit you if so.

    I have 1 bug report and 1 question for you:
    1) In Internet Explorer 7, a word with a lower-case “g” has the bottom of that letter cut off. I’m assuming this is a display bug – any workaround? It displays fine in Opera, Firefox, and looks great even in Safari, just not IE7 (have not tried other IE versions at this time).

    2) How do you modify the horizontal page links listed in the top? I currently have too many static pages, leading to a lot of clutter… I’d like to only have certain pages (home, about, sitemap, etc.) along the top, with the remainder of my static links along the sidebar.

    Again, I appreciate your time and effort, thanks again!!

  27. admin:

    @Amazon:

    Whenever you create a “page” (opposed to a “post”) in WordPress (Login, then “Write” > “Write Page”), that new page will get its own tab in the top menu automatically, provided it is a top level page. Sub and sub sub pages (2nd and 3rd level) don’t get a top menu tab.

    To add a hard coded tab into the top menu (without having to create a page for it):

    Find, in /wp-content/themes/willythecat/header.php, around line 201/202

    <div id="invertedtabs">
    <ul><?php $string = wp_list_pages('sort_column=menu_order&title_li=&echo=0&depth=1' );

    and add your link between <ul> and <?php

    Example:

    <div id="invertedtabs">
    <ul><li><a href="http://www.your-link.com/" ><span>Your Link Title</span></a></li><?php $string = wp_list_pages('sort_column=menu_order&title_li=&echo=0&depth=1' );

    The <span> . . . </span> tags are required

  28. admin:

    @gestroud: You could do this by adding

    .entry {text-align: justify}

    right before

    </script>

    so that it reads

    .entry {text-align: justify}
    </script>

    in the file /wp-content/themes/bytesforall/header.php at around line 127

  29. admin:

    @nancypants:

    In the file /wp-content/themes/willythecat/style.css around line 38,

    Replace:

    body {font-size: 100.1%; }

    with:

    body {font-size: 120%; }

    … or a bigger/smaller value instead of “120”

  30. nancypants:

    Hi. I’m just setting up my new WordPress blog and using your awesome theme! I love how customizable it is! I have one problem though. I cannot for the life of me figure out how to change the font size. I want all the fonts bigger and it seems that in the options page you can only alter the size of the header font. (I removed the header) Where do I look to change the font sizes (sidebar links and main body/posts)?

    Thanks so much!

  31. Amazon:

    Hi I love the willy the cat template but I can’t for the life of me figure out how to add new links to the tabs up above–you know the pink tabs on the very top of the page. Could you please advise me how to add more links up there?? Thanks!

  32. gestroud:

    Hello,

    I’m using the Bytes For All theme on a site I’m working on and have a quick question.

    I’d like to have full justification on the text in my posts, but I want the post title to remain left justified. I keep messing it up. How do I accomplish it?

    Thank you!

  33. admin:

    Hello,

    you are right, and it actually shouldn’t do that. The default behaviour is to sort by page order then by page title. THANK YOU you for bringing it to my attention. I will have a updated theme online within a day.

    If you rather not wait/update, you can easily fix it yourself,too:

    In the theme directory /wp-content/themes/willythecat/

    Open the file “header.php” with notepad or another text editor, scroll down to line 201-202, and

    replace

    <div id="invertedtabs">
    <ul><?php $string = wp_list_pages('title_li=&echo=0&depth=1' );

    with

    <div id="invertedtabs">
    <ul><?php $string = wp_list_pages('sort_column=menu_order&title_li=&echo=0&depth=1' );

    Then upload the modified page, and overwrite the old “/wp-content/themes/willythecat/header.php”.

    It is basically just the addition of

    sort_column=menu_order&

    to force the sorting by page creation date.

    Please let me know in case this is not what you meant. I assumed you were referring to the top navigation bar.

    If you use the “Pages” widget (not the “Subpages” widget) to display page links in the sidebar, too: There’s an option button on the widget to set the type of page ordering.

  34. webchick:

    Hi there –

    I’m attempting to use the Willy the Cat theme for the referenced site, but cannot figure out why the permanent pages are being listed alphabetically instead of in the order I put them. I’ve never had this problem with another WordPress theme, so I’m confused =( Is there any insight you could possibly give? Is this a special function for this particular theme – something I could edit in the code perhaps?

    Thanks so much for the FANTASTIC theme and any help you could give me!! =)