WordPress Tricks

Theme: Bueno by WooThemes Css upgrade and Style sheet edit: which you can use for your educational, school, lifestyle and fashion website

Theme Bueno by WooThemes

As you know theme Bueno by Woo themes is really nice and attractive for blogging purpose.

So, if you are using self hosted WordPress.com free blog with  Bueno theme then this section will be helpful for you when you will purchase CSS upgrade. Not only CSS upgrade, if you are using your own domain with hosting then also you can use the following CSS modification if you have installed WordPresss in your hosting and using Theme Bueno by WooThemes.

Here I have shared some basic CSS modifications in Bueno Theme  which are : Header Site Title Font size and color modification , blank space in the top side removal, remove search box from the top, blog post font type  and text alignment, body and content background, blog post title font and color,remove tag, sidebar font type and color change and more.

 Download Bueno theme wordpress

If you have any question related to CSS feel free to ask me.  


If you want to Modify/edit theme Bueno header image Width and height

#header-image img {
border: 5px solid #EFEFEF;
clear: both;
height: 150px;
width: 930px;
}

If you want to hide the navigation from the top with Search Box

#navigation {

background-color: #000000;

display: none;

font-size: 11px;

text-transform: uppercase;

}

If you only want to remove the Top Search Box   from your

#topsearch {

display: none;

line-height: 0;

width: 300px;

}

If you want to change the Background color of the Top Navigation area

#navigation {

background-color: red;

font-size: 11px;

text-transform: uppercase;

}

If you want to Remove the Blank space just above  and below the Site Title

#header {

clear: both;

padding: 15px 0;

position: relative;

}

If you want to Change Site Title Font Color

.site-title a:link, .site-title a:visited {

color: red;

text-decoration: none;

}

If you want to change Site Title Font size, font type

.site-title {

display: inline;

font: bold 35px times New Roman;

margin: 0;

padding: 16px 0 0;

text-transform: uppercase;

}

If you want to move the PageNav (Page Navigation) “About Me” etc to the left

#pagenav {

float: left;

margin-top: 20px;

min-width: 300px;

}

If you want to change the font size, font type and spacing in the Page Navigation Menu

#pagenav a {

color: red;

display: block;

font-family: times New Roman;

font-size: 21px;

margin: 0;

padding: 0 10px 9px;

text-decoration: none;

text-transform: uppercase;

z-index: 100;

}

If you want to change Font color and Font type of Right Sidebar header Text

.widget h3 {

color: blue;

font: 20px times New Roman;

margin: 0 0 7px;

padding: 10px 0;

text-transform: uppercase;

}

If you want to change the  blog post title font color, font type and font size

.post .title a:link, .post .title a:visited {

color: #000000;

font: bold 25px Verdana;

}

If you want to change the Blog Post Date’s  font color in the circle

.post .date {

color: PowderBlue;

color: seaShell;

height: 60px;

left: -40px;

padding: 10px 0 0;

position: absolute;

text-align: center;

top: 30px;

width: 71px;

}

If you want to change Blog Post Font, font size and Font alignment

.entry {

font: 16px times New Roman;

overflow: hidden;

text-align: justify;

width: 100%;

}

If you don’t want to show the Tags after the Post

.entry p {

display: none;

margin: 0 0 15px;

}

Theme Bueno by WooThemes

If You want to change the Background color of your Theme

#container {

background-color: GreenYellow;

}

If you want to change Blog Post BackGround Color

.post {

background-color: green;

border: 5px solid #EFEFEF;

margin: 0 0 60px;

padding: 50px 55px;

position: relative;

}

If you want to remove/hide Comments (comments by users) from Theme: Bueno by WooThemes.

#comments {
background-color: #FFFFFF;
border: 5px solid #EFEFEF;
display: none;
margin: 0 0 60px;
padding: 50px 55px;
position: relative;
}

If you want to remove/hide comment section (using css) of Theme: Bueno by WooThemes
#respond {
background-color: #FFFFFF;
border: 5px solid #EFEFEF;
display: none;
margin: 15px 0 0;
padding: 50px 55px;
}
If you want to change site Title’s Background Color of Theme: Bueno by WooThemes

#logo {
background-color: green;
margin: -16px 0 0;
}
How to remove Theme: Bueno by WooThemes Background Image

** Don’t need Css you can do it from Appearance ->Background

 

If you want to chage Comments font,font color and size of Theme: Bueno by WooThemes.

#comments .comment .comment-container {
border-bottom: 3px solid #EEEEEE;
color: black;
font-family: times New Roman;
font-size: 15px;
padding: 10px 0;
}
If you want to change “Leave a Reply” font color,size,font weight and font type of Theme: Bueno by WooThemes

#respond h3 {
color: red;
font-family: cursive;
font-size: 21px;
font-weight: normal;
}

If you don’t want to show or remove or Hide Right Side Bar in your Theme: Bueno by WooThemes

#sidebar {
display: none;
overflow: hidden;
width: 300px;
}

 

If you don’t want to show Navigation Menus “Home” “About Me” etc

#pagenav {
display: none;
margin-top: 20px;
min-width: 300px;
}

 

If you want to change the Font type,font color, font size of Navigation Menus in Theme Bueno by Woo Themes

#pagenav a {
color: red;
display: block;
font-family: times New Roman;
font-size: 25px;
margin: 0;
padding: 0 15px 10px;
text-decoration: none;
text-transform: uppercase;
z-index: 100;
}

 

If you want to Justify, change font type,font color and font size of Blog Post Content of Bueno Theme by Woo Themes

.entry {
font-family: times New Roman;
font-size: 1.1em;
overflow: hidden;
text-align: justify;
width: 100%;
}

 

If you want to Widen the Blog Post Content Area of Bueno Themes (Without Hiding the Right Side Bar)

.post {
background-color: #FFFFFF;
border: 5px solid #EFEFEF;
margin: 0 0 60px;
padding: 50px 0 0 34px;
position: relative;
}

.entry {
overflow: hidden;
text-align: justify;
width: 559px;
}

 

If you want to Widen the Blog Post Content Area of Bueno Themes (by Hiding the Right Side Bar)

#main {
width: 930px;
}

#sidebar {
display: none;
overflow: hidden;
width: 300px;
}

How to add Header Image Just Under the Site Title and Navigation Menu in Theme Bueno 1.7.1

Header image below the Site Title and Navigation Menu in Bueno Theme

Just Follow the steps below.

Step 1 : Login to your WordPress Account. From the DashBoard Go to Appearance -> Editor

Step 2 : In the Right Hand Side you will see Header (header.php) Click on it.

Step 3 : Copy the following code and Paste it in the header.php as shown in the image below.

 <div id="header-image"> <img height="198" width="930" alt="undefined" src="http://freesmsinfo.files.wordpress.com/2011/03/cropped-blue-hills.jpg" title=""></div> 

Bueno Theme by woo theme

Step 4: Change the URL of the Header Image with your Own Header Image URL

Step 5: Save It and Check. If you want to modify the width and height you can do it by modifying the width and height of in the code you have added above.

If you want to give space between Site Title,Navigation Menu and Header Image Put the following CSS code in Custom.css

#header-image {
margin-top: 79px;
}

If you don’t want to show the Pind RSS link in the Navigation Menu Put the following CSS code in Custom.css

#pagenav li.rss a {
display: none;
}

bueno featured image

If you want to change the font color,font type,alignment of Bueno Featured Post in the Right Sidebar

#featured .right h4 a {
color: black;
font-family: times New Roman;
font-weight: bold;
line-height: 18px;
text-align: justify;
}

Want me to help you personally. You can hire me in fiverr ..

Click the Image below

708 thoughts on “Theme: Bueno by WooThemes Css upgrade and Style sheet edit: which you can use for your educational, school, lifestyle and fashion website”


    1. Hi Ryan

      Thanks for your comments.

      You dont need CSS to remove the Pink “RSS” Link from the page navigation without removing the other links

      Just go to “Appearance –> Theme Options” in your Dashboard. Here you will get Three option “Home Link“, “Feed Link” and “Color Scheme“. Just uncheck the “Feed Link” and your Pink “RSS” will be removed from your blog.

      If you face any problem feel free to knock me. I will try to give you solution ASAP.

      Regards
      Om Prakash Chowdhury

      Like


      1. Thanks for the reply!

        Unfortunately I do not see those options.

        Under “Appearance” I only have “Themes” “Widgets” “Menus” and “Editor” – Been into all and none with anything regarding the theme’s options.

        They have a “Bueno” link above appearance with all their different options but nothing in regards to the RSS link…

        I’m using Bueno 1.5.1

        Like

  1. Ryan…

    If you want to remove just Pin RSS in your nav bar..try this code

    #pagenav li.rss a {
    ———————
    display: none;
    —————–
    }

    Please let me know it is working or not.

    Regards
    Om Prakash

    Like


    1. Hi,

      I replaced:

      #pagenav li.rss a { padding-right: 25px; }

      With:

      #pagenav li.rss a {
      ———————
      display: none;
      —————–
      }

      And it did not work (see site). All it did was remove a very small space between the “RSS” and the tiny rss image to the right of it. This is what it had done previously when I completely deleted the rss references in the style sheet…

      Any ideas? Thank you

      Like

      1. Ryan…

        Here is the full code…I used “———-” as “other properties will remain constant”

        I am giving you the full code….Just replace as the code below

        #pagenav li.rss a {
        display: none;
        padding-right: 25px;
        }

        Please let me know it works or not.

        Like


  2. Hello, thank you so much for doing this post, it has really helped me. I couldn’t work out for ages how to change the background colour and now I have done it!

    I have another problem and am wondering if you can help? I made my home page a static page by creating a homepage page and setting it to be a static page, but Bueno seems to already have a home page set in the top nav although I can’t find it anywhere to remove it/edit it, it’s not in the pages list. I basically want to remove Bueno’s set home page from the top nav, I have currently hidden it by making it a child of the about us category but obvioulsy I dont want to leave it like this.

    Have you experienced the 2 home page issues before with Bueno and do you know how I can remove their page?

    Thank you V much in advance.

    Like

    1. Hi, Lisa

      Thanks for your comments.

      Just go to “Appearance –> Theme Options” in your Dashboard. Here you will get Three option “Home Link“, “Feed Link” and “Color Scheme“. Just uncheck the “Home Link” and the “Home” from the navigation menu will be removed from your blog.

      One thing, are you using WordPress.com free blog or using other hosting?

      If you face any problem try to knock me. I will try to give you solution ASAP.

      Regards
      Om Prakash Chowdhury

      Like


      1. Thank you so much, it worked! I have been trying to work that out for ages!!! Now I just need to work out how to reorder the menu but I’ll figure that one out easily I’m sure.

        Thanks a lot for your help! You should start charging lol 😀

        Like


      2. Thanks Lisa…
        Your comments are the Charge which motivates me to do posts on CSS modification and others.

        By the way, if you need any help regarding CSS or web development,feel free to ask me…..

        Regards
        Om Prakash Chowdhury

        Like


      3. Oh I’ve just worked out how to reorder the menu too, I didn’t realise you could reorder it by adding a number to the page lol. Thanks again for your help!

        Like


  3. Thanks so much for this post, it has been extremely helpful and is exactly what I’ve been looking for!

    Question:
    How do I change the font for the actual comments left on my blog? I’d like it to match my blog post text which I was able to change to Helvetica (thanks to you!).

    Like


    1. Hello TheSweetBeast.

      Thanks for your comments.

      If you would like to match your comments font with your Actual blog post font (Helvetica) in Bueno Theme, do the following modification in your css

      ol, ul {
      color: black;
      font-family: helvetica;
      list-style-image: none;
      list-style-position: outside;
      list-style-type: none;
      }

      Feel free to contact me if you get any type of problem.

      Regards
      Om Prakash Chowdhury

      Like

  4. I love your post. Exactly what I’ve been looking for!
    This is a really stupid question. I’m completely new to blogging and WP. I love the Bueno theme and I love that you have solved many of my questions. However, being completely new and not a programmer, here’s my stupid question.
    I would like to change the font and font size of my header. Where do I copy the modifications in CSS? Is it in the custom.css or style.css?
    Thanks!

    Like

  5. Great information you have here. Thank you so much for posting it!
    Ive managed to tweak my theme to do just about everything I want, except one thing….
    The padding for the header; I need to change the bottom but not the top. Right now the code changes both to the same px.

    }
    #header{padding:10px 0;clear:both;position:relative;}

    Thank you again!

    Like


    1. Hi Girlie

      Would you mind to modify your theme header as below?

      #header {
      clear: both;
      padding: 10px 0 0 1px;
      position: relative;
      }

      Just Change the value of the padding and let me know if you face any problem.

      Like


      1. Thanks for the quick response!
        It didnt work though. The first px changes the top, and I want that at 10, but which one of those numbers changes the bottom? If I change the 1 to any other number it removes any space at all. And changed the 2 0’s doesnt change anything.

        Thank you.

        Like


      2. Hi Girlie

        I guess..you are searching for the following code…

        #pagenav {
        margin-top: 0px;
        }

        Please check it by discarding my previous reply. Please let me know it works or not.

        Like


  6. Yes, it worked, but not for what I need. Im sure Im not explaining myself properly.

    Under the header is the menu and below that is content. I need more space between the menu and the content only, including the sidebar.
    Header
    Menu
    >need space<
    Post/Sidebar

    Like

  7. Girlie

    Would you mind to try with the following code?

    #header {
    clear: both;
    padding: 10px 1px 10px 2px;
    position: relative;
    }

    Please let me know if this code ok for you or not…..

    Like


  8. Hi,

    Ho do I add a custom header image to Bueno, just under the blog headline and the links….? I have no idea how to do it, do I use the css box and if so what do I put there…… Thanks if you can help me…..! 🙂

    Like

      1. Thanks a lot for quick answer! I went there but I can’t find the header… Do you mean appearance>> editor >> header…. there’s some html knowhow needed, omg…. I’m not very good at it…. If this is the rigth place, what should I do. I just activated the theme so it does not have any header image there now, under the headline and links.

        Like

      2. Hi Krystal,

        I think you are using your own domain and hosting. The answer I gave you earlier was for WordPress.com self hosted free blog Bueno theme.

        Would you mind to give me your website address?

        Like

  9. It’s completely non-finished site so I don’t like sharing it yet publicly as it’ll take some time to get it all up and ready, so if I can email it to you then its ok. Well you have my email address. I think there’s some html coding know how needed here. There’s probably no other way than to use the editor and then the header code there, that much I do get but what to put there…. Or then CSS box in the theme options. I will figure this out some how by myself or with help, I’m determined to do so 🙂 Or is this theme only meant for wordpress.com self hosted free site and won’t work if Ive got my own hosting? Thanks!

    Like

    1. Hi,
      Try with the following code and let me know it works for you or not

      To Remove Theme: Bueno by WooThemes.

      .col-right {
      display: none;
      float: right;
      }

      To Remove Blog at WordPress.com.
      #footer p {
      display: none;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 5px;
      }

      Like

      1. thanks for the quick response…

        the css to remove the “bueno by woo themes” worked.

        the other code did not remove the “blog at wordpress.com”

        also, once the “blog at wordpress.com” is removed is there a way to remove the black bar at the bottom as well? just have the color be the same as the background of the site? thanks!

        Like

      2. To Remove Blog at WordPress.com.

        Pleas try with this.

        #footer a:link, #footer a:visited {
        color: #FFFFFF;
        display: none;
        }

        Your Footer Portion color is Pink …. so..Here Is the code which will make your footer black bar Pink. Please check you are searching for that or not.

        #footer {
        background-color: #FBDDDF;
        color: #FFFFFF;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 11px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        text-transform: uppercase;
        }

        If it is not Ok for you..Let me know.

        Like

      3. Another thing you can do…Just Hide the footer Black Bar Portion……….with its “Bueno by Woo Themes” and “Blog at WordPress.com” here is the css code

        #footer {
        background-color: #000000;
        color: #FFFFFF;
        display: none;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 11px;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        text-transform: uppercase;
        }

        Like

      4. hey there,

        you helped me so much with this site…i thought i would ask you another question about another site i am making…

        http://www.heisertennisacademy.com

        when you go to the “players” section on the menu it is a drop down menu but some of the players names get hidden behind the posts…i think its a z-indez issue but not sure where to put that into the css coding…any help would be great! thanks!!!

        Like

      5. Hi, I have checked for your problem…better we chat live and try to solve it… my skype id is om2000_cuet. I think ur guess is right ..it is z-index related problem.

        Like

    2. Hey!

      I finished the site…thanks so much for your help! One problem I am having, is that on other computers or internet browsers the pictures are elongated and not to proper scale. Is there a way to fix this? Do you need to see some of my CSS to figure it out? Any kind of help would be great. Thanks!

      Like

      1. Jacque..
        in my last two days one of my friend also asked me same question…to make the header logo clickable…but..what i found… it was working cool in MAC but not working perfectly in Windows XP by using IE >=7.

        So…till i didnt get solution for it.. and i am checking it continuoulsy..

        But your site looking cool from my pc…in IE 8.

        in which browser and system you are getting problem?

        Like

    1. If you want to change Post Content try with the following code

      .entry p {
      color: black;
      font-family: times New Roman;
      font-size: 1.5em;
      margin: 0 0 15px;
      }

      Let me know it works or not.

      Like

  10. Hi!
    First of all, thank you for this awesome theme. I have two questions for you.
    The first one is, How do I get rid of/change the color of the frames around the images?
    Second of all: How do I change the color of the bottom widget menu?

    Like

    1. Hi,
      If you want to get rid of the frame around the image modify /remove “5px solid #FBDDDF” or border: 5px solid #FBDDDF; from .entry img in your css sheet.

      .entry img {
      border: 5px solid #FBDDDF; //delete this in your css sheet
      }

      2. If you want to change footer/bottom widget menu try with the following code

      #extended-footer {
      background-color: red; // put the hexcode of color here
      }

      Let me know it works for you or not.

      Like

  11. Hello there,

    I am semi-familiar with HTML coding and have been making some changes to the CSS. However, in doing so, I lost my blog title and description! I did not delete it in the CSS (only tried to change the font and font size) but now it is not showing up:

    http://www.meg-hoffman.com

    I want the blog title in Forte and the description in italic Trebuchet MS.

    Thank you!

    Like

      1. No, not right now – I am at work. I can be home in about 2.5 hours and can go on skype then… will you be available?

        Or can we email about it? I have gmail and can go on gchat.

        Thanks!

        Like

      2. Actually, you have put display:none in some selectors thats why for your convenience i asked live chat….
        I have skype too my id is om2000_cuet. You can add me for future help.

        ** Check the solution given below…Hope it will work for you. If you face any problem.. I will be available on skype after 7 hours from now (Here is Mid night now.)
        Let you try the code. And add me in your skype.

        Here Is the solution

        Remove display:none from the following selector in your Style Sheet (CSS)

        #logo .site-title, #logo .site-description {
        display:none;
        }

        Then change the font name in the following selector

        #logo .site-title a {
        color: #222222;
        font-family: forte; // Here yor font name will go.
        font-size: 48px;
        font-weight: normal;
        line-height: 48px;
        text-decoration: none;
        text-transform: uppercase;
        }

        Remove display:none from the following selector
        * It will show you the BUENO image

        #logo img {
        display:none;
        }

        * for site description

        #logo .site-description {
        color: #999999;
        font-family: trebuchet MS;
        font-style: italic;
        }

        Like

  12. thank you for an awesome post it really helped me a lot. one thing I am still trying to find out though, is how to make the backgrounds of my widgets a solid colour (like white)

    Like

    1. Hi Joe
      Thanks for visiting my site and comments.

      To make your Widgets backgound White Please try the following code

      .widget {
      background-color: white;
      margin-bottom: 30px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      }

      Please let me know it works for you or not.

      Like

  13. Great website! Thanks for all your help.

    How can I change the page navigation hover color? Right now it goes from a light blue to a dark blue. I would like the hover color to change to red.

    Thanks again!

    Like

    1. hi,
      To change the Hover color of your page navigation in Bueno Theme try the following code

      #pagenav li ul a:hover
      {
      background: none repeat scroll 0 0 #F3686D;
      color:#ffffff !important;
      }

      Let me know it works for u or not

      Like

      1. Thanks for the speedy response.

        Your response worked 50%. The hover color for the drop down page nav is now changed.

        However, I wanted to change the hover color for the thick line underneath the page nav i.e. “About Us”. Right now, it is set to a light blue. When you hover over “About Us” the portion of the line that is directly under “About Us” changes from light blue to a dark blue.

        1) How can I change the hover color of the line underneath “About Us” to red?

        2) How can I change the color of the line below the page nav (without regard to hover)?
        THANKS!

        Like

      2. Hi,

        To change the hover color of the light blue line under the navigation menu try the following code

        ***** Use seperately first…then use both together…..

        //For hover Color

        #pagenav li.current_page_item a, #pagenav li a:hover {
        border-color: red;
        }

        //Without hover
        #pagenav a {
        border-bottom: 4px solid red;
        }

        Like

      3. Also, the right side bar just disappeared all of a sudden… how do I change that?

        Seriously, you are a god send btw. Really appreciate your genorosity in time and thoughtfulness

        Like

      4. I’m a novice at this… I’m really trying to learn more, you’ve been very helpful. How can I change the page nav border-bottom from “solid blue” to “#4969BA”?

        /* page nav; hover color red. Solid line blue… this is what i’m using now */

        #pagenav li.current_page_item a, #pagenav li a:hover {
        border-color: red;
        }

        #pagenav a {
        border-bottom: 4px solid blue;
        }

        Like

      5. Just change the border-color:red; —> border-color: #4969BA;

        #pagenav li.current_page_item a, #pagenav li a:hover {
        border-color: #4969BA;
        }

        and

        #pagenav a {
        border-bottom: 4px solid #4969BA;
        }

        **Change the color value according to your wish

        Like

      6. Sharif,
        The Date Circle is an rectangular image. So if you want to change the color then you have to make another circle of your choosen color.

        Well..let me know…let me see I can do this for you or not….. tell me which color you prefer?

        Like

      7. I figured as much. One of the drawbacks about relying on trial and error!

        I would like the circle to be #0000EE. How would you go about it? Are you making a new circle with that color and then linking the circle as an image or something like that?

        Like

      8. Also, in the top navigation bar, the quote I have up comes up as two lines on some browswer windows. Is there any way to center the quote on the top nav or at least make sure that it stays in one line?

        By the way, what is your name? Are you from Bangladesh? Though I was born and raised in New York, my mother is originally from Dhaka and my father from Bogra.

        Like

      9. Wow..great…. Yes..I am from Bangladesh…Nice to meet you brother…
        I think you are using your own domain hosting.. where you have installed bueno theme for wordpress..right?

        So, If you want to make your quote from Holy Quran stay in a line it would better not to modify it using CSS but to modify the HTML portion in your theme.

        Let me know if you have any problem

        Like

      10. Thanks bhai 🙂

        I’m trying to get the circle to be a true blue (not red) as opposed to the dull blue that is a part of the standard blue theme.

        As for the html fix regarding the quote, I really have no idea how to do that. I just started learning how to tinker with html and css a few weeks ago. I tried doing text-align: center/auto etc. and nothing seems to work. It looks fine on most internet windows i’ve opened, it only comes in two lines on safari (mac laptop)

        Like

      11. Sharif vai…
        Sorry for the late reply…Just awake from bed… Actually, If you want to change the Alignment of Holy Quran Quote it would better not to use css…you should change the Header.Php (not sure though) of Bueno Theme for its alignment.

        Are you using wordpress.com self hosted Blog or your own domain hostings? let me know..

        Like

      12. Sharif Vai,
        Just Finished Preparing the Date Circle with the Color you suggested for your Bueno Theme…Let me know how to give this to you….Let me know your mail address.
        Regards
        Om Prakash Chowdhury

        Like

      13. Take all the time you need, I’m in no rush! This blog is just a side hobby of mine!

        I have my own domain hosting for the website. I will try to see if I can figure out how to change the top navigation quote using the header php.

        You can send the email to muslimteaparty@gmail.com

        Seriously, I can’t thank you enough. One of my biggest regrets is that I didn’t get into programming/coding/etc. earlier. As you can probably tell by the blog, I focused all my studies on politics and the law… probably a mistake lol

        Like

      14. one more question actually (for now haha)…

        For the Featured Posts on the Bueno theme, Is there anyway to change the size of the featured image on the blog itself? 490 X 200 is awkwardly small for my purposes

        Like

      15. Sharif vai
        If you want to modify the featured image in Bueno theme you can try the following code

        .post img.thumbnail {
        height: 250px;
        margin: 0 0 20px;
        width: 550px;
        }

        Please let me know it works or not…. but it would better if you use Original Image in the post and hide the Featured image which appears above the Original Image.

        Like

      16. Sharif vai To change your date circle try this code

        .post .date {
        background: url(“http://muslimteaparty.com/wp-content/uploads/2011/04/date-circle-blue.png”) no-repeat scroll left top transparent;
        }

        Please let me know it works or not

        Like

      17. Sharif Vai,

        You try this code…To hide the Bueno Featured POst image in your blog

        .post img.thumbnail {
        display: none;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        }

        I never got you online in skype…when u r free?

        Like

  14. Thanks for this! It has been SO HELPFUL.

    There is only one thing right now I can’t figure out re: the menu bar along the top (with About, RSS feed, etc written in something like Impact font). I want to get rid of the drop down menu that appears when you hover your mouse over any of these menu items. Each one of these top tier menu items is a parent for several pages on my website, and I basically don’t want all of those “children” pages showing when you hover your mouse over the top tier of menu items.

    I wish I could give you a link so you could see, but it’s a company website so we need to keep it under wraps until the relaunch. If you could help out with any tips, that would be great. Thanks!

    Like

    1. As Your site is Password Proctected, so it would better if I could answer it by seeing it…….

      Would you mind to try with the following code and let me know it works for your site or not?

      #pagenav li ul a:link, #pagenav li ul a:visited {
      border: medium none;
      display: none;
      font-family: Helvetica,Arial,sans-serif !important;
      font-size: 14px;
      padding: 0 0 0 10px;
      text-transform: none;
      }

      Like

  15. First of all great post with many helpful info. However I still have a little problem. I managed to switch for a custom background image by uploading it into the green style folder and replacing it with the default background image. (named it the same: bodytile). The only problem is I cannot find the code to make it no repeat. This is what I’m talking about: http://pvpmage.info/?p=1
    Can you please tell me how to make it no repeat if possible, and please be specific cause I’m kinda noob when it comes to codes and stuff. 🙂

    Like

    1. Sebastian
      Go to your WordPress Dasshboard . Then Appearance -> Editor then in the Style.css findout the selector named “body”
      and add an attribute “no-repeat” or paste this code just below of the selector.

      body {
      background: url(“http://pvpmage.info/wp-content/themes/bueno/styles/green/bodytile.jpg”) no-repeat scroll left top #FFFFFF;
      }

      By the way..you can easily add Image Slider in your site. I think it may make your site lil bit nice.

      Feel free to knock me if you face any problem.

      Like

      1. Thank you for your help, but unfortunately it is not working for some reason. When I pasted the code in the Style.css nothing happend. The only time it made a change when a pasted it into the custom.css, but the only change was that the image disappeared.

        the body tag appears in this section like this:

        /* 1.1 Defaults */

        body { font: 14px Georgia, Times, Serif; line-height: 1.5; color: #7a7a7a; }

        h1, h2, h3, h4, h5, h6 { margin: 0; font-family: ‘Anton’, arial, serif; color: #000; }
        h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}

        p {margin: 0;}

        /* 1.2 Hyperlinks */

        I just can’t find any indication in the css for site background and where it say repeat so i could change it to” no repeat” and actually alaign it to “top center”

        Anyway thanks for helping, will try to work it out for a little more but might just pick another theme.

        P.S. not really sure if I have a use for an image slider plugin.

        Like

      2. Just want to say thank you very much for your help. After we talked on skype I did manage to change the code and the background image is in the right position now.

        Worked like a charm 🙂 Thanks Om.

        Like

  16. You have a lot of great information in that post! Thanks for taking the time to write it. 🙂

    I’m hoping you can help me. When I click on a photo to view it at full size, the Bueno theme opens a separate post page for the image, but it’s still at the reduced size. In order to see the photo at full size I then have to click on it a second. I’m using the theme on a self-hosted WordPress blog.

    Confusingly, I also use the Bueno theme on my backup blog on WordPress.com and when I click on an image it opens at full size in a new window right away. The theme wranglers at WordPress.com have somehow modified the Bueno theme to do this, because it doesn’t do this by default.

    Do you have any idea what changes I need to make to Bueno on my self-hosted blog to make it behave like it does on WordPress.com? I don’t have a problem with a photo opening in a new window, but if that’s going to happen the photo should at least open at its full size.

    I use the Lightbox Gallery plugin on my blog and it works. However, because of the way Bueno is designed, I can’t see the photo in the lightbox until I click on it for the second time, as described above… and even then, Bueno prevents the photo from displaying at full size (in the lightbox).

    What do I need to do to get my photos to immediately display at full size after the resized/thumbnail image has been clicked on without having to go to a separate page and click on it again?

    Thank you, in advance, for your help. Once again, thanks for having such a helpful website!

    Like

    1. Hi Rosalind…

      Thanks for your comments. I need to check your problem deeply. So pls give me some time I will reply your problem ASAP. and..Would you mind to share me your self hosted and wp.com blog address?

      Like

      1. I got it figured out. It wasn’t a problem with the theme; it was a mistake on my part. I didn’t realize I had two lightbox-type plugins installed, let alone activated. Duh, Rosalind! LOL! Thanks again for this helpful blog, and I have subscribed. 🙂

        Like

  17. How do I change the bottom footer in Bueno theme from Black to Red? I’ve tried using the language below in the custom.css and it does not work!

    #footer {
    background-color: red;
    }

    Is the language wrong? I don’t understand why it isn’t working. Also, How can I remove the Woo Themes Logo from the same footer? As always, thank you so much for all your help!

    Like

    1. Sharif vai… try this code…

      #footer {
      background-color: red;
      color: #FFFFFF;
      font-family: Helvetica,Arial,sans-serif;
      font-size: 11px;
      padding: 20px 0;
      text-transform: uppercase;
      }

      Paste this code at the bottom of your style.css

      Like

  18. Hey there! I recently got the free Woo theme Premium News but they don’t offer any support. So I’m hoping you can answer my question since you seem handy with Woo stuff.

    I’ve got a bunch of the other categories on the front page, but I can’t find a way to get the posts to be recent [not regarding the featured section but the section of 6 posts below the slider].

    Any chance you can tell me where I need to go and what I need to do to change the categories and get more recent posts to show up there?

    Thanks!

    Like

    1. Hi Allison,
      Thanks for visiting my blog and comments.

      Actually I have shared CSS related problem for WordPress.com self hosted Bueno Themes. I have visited your site and what you told, you are using “free Woo theme Premium News”. So, as it is not CSS related problem I may need time to check it and to answer your problem.

      *** I have found your main page is showing Post from Different Categories. So, doesn’t that categories showing the most recent post ? For example : in your home page, post under “Personal” category is showing the post — “Tomorrow canceled due to illness” — isn’t it the latest post on that category?

      By the way…is this theme free (as you have mentioned)? if yes then i could try it in my home’s local system.

      waiting for your reply.

      Like

      1. Actually, if I’m understanding your question correctly, the post shown in “personal” is NOT the most recent post in that category. However, I did put that post in several categories, so perhaps the woo pres algorithm is keeping the newer posts off the front? Though that doesn’t seem correct either as there would be no duplicates.

        I got the theme from woopress.com here: http://www.woothemes.com/2007/11/premiumnews/

        Unfortunately, without paying their monthly fees, they won’t give any support despite giving away the theme. Quite aggravating.

        Thanks for your help.

        Like

      2. Allison,

        To put a single post in different categories is not Good for SEO.

        I visited your http://allisondduncan.com/category/personal/ (Personal Category ) and found the recent post under personal category is “Blogging and Twitter” which is from “General” category.

        So, i think…as you are putting a single post in various categories.. bueno algorithm may face problem due to this. You can check it by putting a new post in only one category (dont select multiple category for this post).

        Like

  19. Hi! Thanks so much for all the stuffs you have written!

    I’m really a noob at CSS and all. Hope you can help me with this.

    If you go to my blog, just beside the search bar, there are all my categories there. Is there anyway I can take that off? I think it looks really ugly. I got the theme from Woothemes. Where do I change it btw?

    Thanks so much! appreciate it!

    Like

  20. Hey mate,

    Thanks for the awesome information.

    I was wondering, are we able to delete the site title and insert a banner instead? And then when people click on the banner, this will return them to the home page?

    Thanks!

    Like

    1. Hi Saunders,
      Do you want to implement it in wordpress.com self hosted site or do you have your own domain and hostings?
      I have found your site is password protected…

      **** Your problem has the solution….but it will not work for IE >7 browsers —> for wordpress.com self hosted site

      Like

      1. Hi there,
        I don’t actually know the answer to your question! I’m pretty sure, I own the domain name and wordpress is hosting it.

        I have now unlocked it.

        Cheers

        Like

      2. Sorry…Till your site is locked….

        Actually what i want to know from you…..

        ” I was wondering, are we able to delete the site title and insert a banner instead? And then when people click on the banner, this will return them to the home page? ”

        Do you want the solution for baneoftheweak.wordpress.com or for any other site where bueno theme is installed?

        Like

      1. Hmm..that what i guessed…
        You are using wordpress.com self hosted site….means..you bought domain and mapped that domain in wordpress.com blog

        As you are using wordpress.com self hosted service…. so the solution will not work perfectly in Internet Explorer 7,8 ……. in that case your site will look different in different browsers…..

        If you have Skype you can add me… om2000_cuet is my id. better you chat live with me.

        Like

    1. Its Ok Saunders..
      Some of my visitors also asked this question…I tried this…but what I found..the solution is not saving for the latest version of firefox and Internet Explorer.Don’t know why wordpress.com is doing it…. but it was working fine in the old version of the browsers… ..thats why if you don’t have your own domain + hostings (to change the header.php) i dont refer solution for this.

      Like

  21. Hi! You’ve helped me a great deal with the Bueno theme just from reading these comments! Thank you.

    I am wondering if there is a way to order the featured posts in the sidebar? So that it doesn’t just start with the most recent?

    Thanks!

    Like

  22. hello!

    thanks for the information you’ve already given!

    I have the files style.css and functions.php in my child theme folder. I managed to enable background changes, went back to wp admin, uploaded the file and NOTHING CHANGED. when I take a look at the stylesheet, I see that it is really the body that I need to change to replace that tile image.

    forgive me, I’m about to jump all over the place… I tried to implement some of your code, to get rid of the search box, etc, put it into my functions.php flle, and still nothing happened.

    my intention is to use an image for my background, replacing that tile motif, enter text into the black top navigation bar, where currently it makes reference to my categories, get rid of comment boxes, and the RSS notation amongst my pages.

    any advice you can give would be appreciated so much.

    kindest regards,

    .jmh

    Like

    1. Hi Jenna…thanks for your comments…
      the code i have shared you.. you have to put it at the bottom of your main style.css file..not in function.php.

      To remove the Comments

      #respond {
      background-color: #FFFFFF;
      border: 5px solid #EFEFEF;
      display: none;
      margin: 15px 0 0;
      padding: 50px 55px;
      }

      paste this code in your style.css in your child theme…if it doesnot work…put it in your main theme’s style.css

      To remove the RSS
      .rss {
      display: none;
      }

      Don’t mind.. can you clear me the following problems “replacing that tile motif, enter text into the black top navigation bar” ?

      Like

  23. hello again!

    I’ve been pasting your code directly into the css file from my dashboard. thanks to you, I’ve taken care of many little issues.

    unfortunately, I still cannot change the background to my preferred image and I am not sure how to access the field of text in which your example site state ‘free international…”. mine currently offers the category status of the post, so my home page says ‘no category’.

    you help would be so greatly appreciated!

    very best,

    .jmh

    Like

    1. To Change the Header Text go to Settings–> General and put your
      Site Title there….

      Next go to Bueno –> Theme Option (you will get it in the left side bar)
      Here , from the General Settings Tick the “Text Title”…. and Save it.

      Hope it may work…

      // About Home Page..

      If you want, you can show either your latest post or your own custom template or any wordpress page as your home page..

      Just go to the Pages–> add new (in the right side you will find out the template choice) or Posts–> Add New from your DashBoard…. For the Posts you have to create new Categories to make it Categorized.

      From the Settings–> Reading you can fixed which one ,blog or page, you want to show in Home Page.

      Like

      1. To Change your Bueno Theme’s Background Image put this code at the Custom.css

        body {
        background: url(“http://www.duncanwierman.com/blog/wp-content/themes/wpdreamtheme20/styles/../images/bodybg-blue.gif”) repeat scroll left top #FFFFFF;
        }

        Like

  24. allaboutbasic ~

    THANK YOU. making good progress thanks to you.

    please know that it is not the site title that I want to change, but the portion of text that is in place on the black bar at the very top – the place where your example states ‘free international’. this does not seem to be affected by the settings changes.

    I added the line of code regarding my background, but still nothing.

    I took screenshots so that you could better understand what I am trying to describe, but it seems I have no way to attach them.

    your continued consideration and advice is SO appreciated.

    may I ask also, if you could recommend a good plugin to enable me to embed videos with a thumbnail preview?

    very best – greatest thanks,

    .jmh

    Like

      1. I am so thankful! background image added successfully! I appreciate your help so much, especially as you have been under the weather!

        may I ask, when you are feeling well enough, if you can recommend a way to change the text within the solid black bar above the site title.

        very best,

        .jmh

        Like

      2. Hi Jenna….

        Thanks for your comments…Yes I am fine now…
        Jenna, The text within the solid black bar above the site Title is for Category. When you will create category for your blog post it will come there.
        But You can change it by modifying the header.php file…..
        Would you mind to tell what you want to write in that black bar?
        Thanks again.

        Like

  25. OPC, I am glad you are better!

    in the black bar I would like to have text that reads ‘Producer, Lover of People, Collector of Stories’

    additionally, I’ve been trying to remove the ‘home’ from my menu. I’ve tried:

    .home {
    display: none;
    }

    no luck.

    I’ve also been trying to change the post font to gil sans in this manner, with no luck:

    .entry p {
    color: black;
    font-family: gil sans;
    font-size: 1.5em;
    margin: 0 0 15px;
    }

    I am so thankful for your consideration.

    be well and very best always,

    .jmh

    Like

    1. Jenna

      To remove the “Home” from your Bueno theme try this

      #pagenav li.current_page_item {
      display: none;
      }

      * To change the Post Font try this (not sure about “gil sans” is correct font name or not).

      .post {
      background-color: #FFFFFF;
      border: 5px solid #EFEFEF;
      font-family: gil sans;
      font-size: 1.5em;
      margin: 0 0 60px;
      padding: 40px 55px;
      position: relative;
      }

      Also…

      ‘Producer, Lover of People, Collector of Stories’ are they normal text or Category Name?

      Like

      1. Hi Jenna
        Go to Appearance–>Editor then Header.php and find out ul id="catnav" class="nav fl".there is block of php code between the starting “ul” and ending “/ul”

        Replace that php code with your ‘Producer, Lover of People, Collector of Stories’

        Though you will need to do some css modification to show the Text perfectly . I will give you that code later according to your choice about font color and size.

        Take a backup of header.php before doing this.

        Like

      2. hello again!

        thank you – I will work on the text portion in a bit. I would like it to be white and of a 10 to 12 point size – whatever you recommend.

        I wanted to ask if it was possible to merely change the name of the ‘home’ page.

        thank you so much for the time you’ve already given. please respond at your convenience.

        GREATEST THANKS

        .jmh

        Like

      3. After Replacing The Top black bar of Bueno theme with your text try this. Change the font size according to your wish

        #catnav {
        color: white;
        font-size: 20px;
        width: 620px;
        }

        Are you talking about the “Home” which u hide using my code?

        Like

  26. hi!

    just went to appearance, then editor, but there is no header.php there, as I am running a child theme. should I access it through my ftp?

    thank you!

    Like

  27. I’ve managed somehow to prevent type from appearing in my posts… I checked the css page within my dashboard, I am not seeing code referencing posts, just comments and responses, listed below

    #comments {
    background-color: #FFFFFF;
    border: 5px solid #EFEFEF;
    display: none;
    margin: 0 0 60px;
    padding: 50px 55px;
    position: relative;
    }

    #respond {
    background-color: #FFFFFF;
    border: 5px solid #EFEFEF;
    display: none;
    margin: 15px 0 0;
    padding: 50px 55px;
    }

    Like

  28. Hi, would like your help (refer to stonino.wordpress.com)
    1. How do I change the bullet color on the sidebar (it is currently grey).
    2. Is there a way I could change the bullet to a diamond perhaps, how?
    3. How do I change the color of the calendar widget where the posting dates are underlined. it is currently set to grey, i want it to be the same color of the other dates of the calendar without posts.

    thanks for the help

    Like

    1. Hi Stonino
      For the Calendar…u can try this

      #calendar_wrap td a {
      color: #FAFA90;
      }

      but..i didn’t understand which bullet’s you are talking about? are you talking about the Grey lines in the sidebar? they are not bullets actually.

      Like

      1. thanks for that. the calendar post color is now fixed.

        as for the bullet: i don’t know what i have done but i must have removed it. the bullets i am referring to are the bullets that show before the items under the categories (where there is a blank space). i want to show a diamond to replace the grey bullet but i don’t know why suddenly the code below is not working
        .widget ul li a:link,.widget ul li a:visited {
        background:url(‘grey/bullet.png’) no-repeat 10px 12px;
        border-bottom:1px solid #b0b0b0;
        display:block;
        line-height:18px;
        text-decoration:none;
        color:#fafa90;
        padding:6px 0 6px 25px;
        }

        what i want to do is change the bullet color to #fafa90 but i can’t seem to see the bullet anymore. i am such an idiot. =(

        Like

      2. Stonino
        Do one thing
        Login to your theme folder using ftp

        then find out the “Grey” folder where you will get the bullet.png. Download it in your computer then again upload it through wordpress Dashboard Media -> “Add New” then give me the URL of that image..

        Also, in the same way upload the image of the “Diamond ” and give me the URL.

        Thanks

        Like

  29. unfortunately i don’t know how to log in to the theme folder using ftp. i am sure there are other images on the css which are now unlinked but i can’t tell which one. =(

    however i have been able to get the url point to the diamond.gif i have loaded to the media folder which is now working.

    thanks for the help. =)

    Like

    1. Yes.. diamonds are working…and looking cool too…

      Oh..i am sorry you can’t use ftp as you are using wordpress.com self hosted site. WordPress will not allow you do this.

      Like

  30. hello!

    I’m back so soon!

    may I ask how I can remove the display of the ‘comments / categories / author’ section, as well as the round icon with the date from all posts?

    thank you for everything! hope your feeling well.

    Like

    1. Hi Jenna….Yes..i am fine..thanks..

      To Remove the Date Circle from Bueno theme

      .post .date {
      display: none;
      }

      To remove the comments/categories/ author of Bueno theme try this

      .post-meta {
      display: none;
      font-size: 11px;
      }

      Like

  31. ha!ha! I have more questions!

    I am trying to include a pdf into a post. I would like it to open in a new window, ideally. I have uploaded it to my media library, then added the link to my post. When initially viewing the post, it is underlined like a typical hyperlink, but when clicking on it, nothing happens. If I move to another page then return, the hyperlink of my pdf is lost, it is no longer underlined, but just a line of text.

    thanks so much for your time and consideration.

    Like

      1. hello! yes, it is the pdf on my ‘cv’ page. I would like it to open in a new tab when clicked on, rather than download. can that be done?

        also, if you look at the bio page, you will see that the post is abridged – is it possible to prevent this? enable the entire post to be viewed on the page?

        thank you again. best always.

        Like

      2. Hi Jenna,
        Sorry for the late in reply….
        There is a way by which you can open your cv in a new window (didnt get any way for new tab)…. Here it is … You can try this..
        a href=” Your file’s URL ” target=”_blank” rel=”nofollow”
        If You want to show your entire post you may get this option from your Bueno theme Option… try with Disabling the Excerpt.
        As excerpt is On..thats why whole post is not showing.

        Go to Theme Options–>General Settings…. then go to the footer side.. you will get “Post Content” = “The Excerpt” make it “Full Content” ..

        Hope your problem will be solved.

        Like

      3. hi ; )

        is it possible to enable thumbnails or ‘support featured images’ within posts and on my pages, specifically my ‘films’ page?

        thanks for EVERYTHING! you are quite gifted. I am so thankful for all that you share.

        Like

      4. For Featured Image in your Bueno theme….

        YOu will get this option to make a image featured for your post in the right side (right side bottom portion) of your writing panel….

        Check this is available in your bueno theme or not…

        Like

  32. hi,

    can you please look at my right hand side bar. i want the rss and twitter feed text color changed to #fafa90 but don’t know where it is on the css code. help.

    must appreciated.

    Like

    1. Hi Stonino
      Sorry, for the late in reply..as i was not available for the last two days..
      Pls try this code to change the color of your theme’s RSS feed’s font

      .size-large a:link {
      color: #fafa90 ;
      }

      Like

      1. Glad you are now back, your solutions are always very helpful.

        I have a few more questions for stonino.wordpress.com
        1. how do I add ‘Home’ to the page line. what i want to do is make this work like the way the site title works. it should somehow rerun stonino.wordpress.com to get back to the 1st page.
        2. if i click on the Site Map, the page shows some text in #fafa90, i want to show all text in #000, how do i do this?
        3. can i use a jpg to replace the site title. I want to use a ‘Welcome.jpg’ that uses a fancy font. how do i do this?

        Like

      2. For

        Problem 2 i think you are asking this

        .entry h3 {
        color: #000000;
        }

        For Problem 1

        Go to Appearance–>Theme Options then Tick the “Show a link to your home page in the nav menu”

        For 3

        You are already using image in replace of Site Title.

        Like

    1. Stonino
      Are you using wordpress.com self hosted site? right?

      If yes.. (if you are not allowed to edit the php files) then you will not do it. Though i am not sure about animated gif . you may try this.

      Like

      1. for the solution to item #2: there are still entries on the site map that shows font color of #fafa90. is there a way to make all font’s #000 apart from the solution given?

        for item #3 i was thinking more of a fancy ‘welcome’ image on the same line as the page navigation line.

        what do i do to enable the editing of php files?

        Like

      2. Hi Stonino
        For SiteMap also try this

        .entry h4 {
        color: #000000;
        }

        actually wordpress.com do not allow their user to edit html/php files. so at present you can’t edit php files.

        Like

  33. Hi,

    could you please let me know how I can modify the css code so that the footer sticks to the bottom of the page? Currently if I change it’s size to smaller the bottom part goes up and there’s a gap between the bottom of the site and the footer (in the gap you can see part of the background image).

    Thank you very much in advance!
    Agata

    Like

      1. sorry, of course…here it is: http://www.windmilldreams.com/
        There’s not much on there yet but the bottom footer issue is driving me a bit crazy 🙂
        As you can see at the bottom there is a space. I can change the size of the footer but then this space always is there and I don’t know how to get rid of it :/

        Thanks again!

        Like

      2. Agata… Would you mind to clear me your problem which you mentioned in the line below?

        ” Currently if I change it’s size to smaller the bottom part goes up and there’s a gap between the bottom of the site and the footer (in the gap you can see part of the background image).”

        Like

      3. sure 🙂 well, I’d like to keep the grey footer of the size I’ve got now but when you scroll down to the very bottom of the page you can see that the grey field doesn’t “stick” to the bottom of the page but leaves a gap…I can increase the size of the grey field and then the gap is gone but I’d like to keep it the current size and get rid of the bottom gap.
        Hope this helps…unfortunately I cannot send you a screenshot here but I hope it’s more clear now 🙂

        Thanks!

        Like

      4. hia,
        could you please let me know what browser are you using? I may contact my hosting company as this is very strange indeed 😦
        Thanks!

        Like

      5. Agata..
        I am using IE-8. I have replied several comments and no problem faced with their sites….
        Would you mind to check your site more?
        Dont know what is wrong here

        Like

  34. Hi,
    Firstly – Brilliant post! It has been so helpful with the little tweaks on my blog!

    One thing… The CSS code you gave for removing tags also removes the ‘excerpts’ from my posts – is there any way to just remove the tags? My site is: http://buffalo-press.com/

    Also where abouts in the CSS code would I edit to shorten the gap below the ‘comments, categories and author’ – at the moment I just feel there is a lot of blank space on my posts.

    Thanks

    Lloyd

    Like

    1. Hi Lloyd
      I have checked your site… at present it is not possible to remove the Tags from your posts using CSS. What you need to do is to modify the php codes and then we can remove the tag using
      css.

      To shorten or remove the gap below the ‘Comments, categories and author’ in bueno theme try the following code

      .post {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      padding-bottom: 17px;
      position: relative;
      }

      Like

      1. I will have a look at the php when I get some time and make the relevent changes.

        Spacing worked a treat – I always forget to add padding! I really appreciate you taking time to help with small things like this!

        Cheers dude!

        Like

  35. Hello,

    Thanks for this information. It has been so helpful! I am having one problem- I cannot seem to get rid of the uppercase in my title, menu bar and side menu. I removed it in the CSS, i thought. Any ideas why this might be?

    Thanks!

    Like

    1. Hi..
      Would you mind to try this code?

      .site-title {

      padding-left: 0;
      padding-right: 0;
      padding-top: 16px;
      text-transform: capitalize;
      }

      #pagenav a {
      padding-top: 0;
      text-decoration: none;
      text-transform: capitalize;
      z-index: 100;
      }

      Pls let me know it works or not

      Like

      1. This worked perfectly! Can you tell me how I can do the same thing but for the side bar menu categories? Recent comments, subscribe, etc.? Thanks!

        Like

      2. Another question!

        How can I remove the black bar across the top and/ or add a one-liner under my header? For example.. Twenty Something Chaos…. Surviving in a chaos one day at a time…

        Like

      3. To add a line just below the Site Title

        Go to the Settings–>General then Write down the line in “tagline”. Then save it and you are done.

        To Remove the top black bar:

        #navigation {
        background-color: #000000;
        display: none;
        font-size: 11px;
        }

        Let me know it works for you or not.

        Like

      4. Thanks! The removal of black bar at top worked perfectly. I think I may have a bigger problem now- I can no longer see my widgets or the tagline I added. I changed the background color to white but it was doing it right before as well.

        Like

      5. It was even before that. I don’t think I made any real changes. I just went in and removed and re-added a text widget and still nothing.

        Like

      6. Yet another question- I added my tagline under Settings – General but it does not show up on my page. Any thoughts?

        Like

    1. Hi

      Thanks for your comments and sorry for the late in reply… Try this code and let me know it works for you or not

      #logo {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 12px;
      }

      #header-image {
      clear: both;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      }

      #pagenav {
      float: left;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      min-width: 300px;
      position: relative;
      top: 270px;
      }

      Like

      1. thank you so so much! that helped a lot! the only problem is that the navigation bar is overlapping the post and side widget area… any help with that? i want to preserve as much of the post without moving it down. Also, any way to move the “search” into the side widget area?

        Thank you again – seriously saved me my sanity!!

        Like

      2. For the spacing problem….. would you mind to try the following code and let me know it works or not ?

        #pagenav {
        float: left;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        min-width: 300px;
        position: relative;
        top: 260px;
        }

        #logo {
        margin-bottom: -20px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 12px;
        }

        #content {
        margin-top: 21px;
        min-height: 550px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        }

        For Search box

        In the widget area you may find it to add this on sidebar and to remove the search from the top you may check the Bueno theme options ALso i can give you css code to hide the upper black portion with search bar.

        Regards

        Like

  36. Fabulous service you are providing people here! I will be making a donation for all your hard work.

    My questions – how do I change the pink/light pink underline colors in the main nav items? It appears you have done it in the examples above, but I can’t quite follow how you did it. I’m looking to change the pink to #ec008b and the light pink to #fff.

    Also, I’d like to change the color of the pink circle to #ec008b as well. Looks like you created a new image which I can do, but not sure how you get access to the code that is calling that image to change it?

    Thanks so much in advance!

    – Steve

    Like

    1. Hi Steve….

      Sorry for the late in reply as it is midnight now and preparing to go to bed . 🙂

      ** Please try the following code …and let me know it works for you or not….also try to share your website address.

      For the Navigation Menu — I think you are searching the following code.. Would you mind to try this? just paste the following code at the bottom of your style.css or at custom.css

      #pagenav li.current_page_item a, #pagenav li a:hover {
      border-color: #EC008B;
      }
      #pagenav a {
      border-bottom: 4px solid #FFFFFF;
      }

      For the circle….Yes… You have to create a Image of circle of 71×70 px size… Here is the example.. and in the same way u have to paste it at the style.css or custom.css..

      .post .date {
      background: url(“http://muslimteaparty.com/wp-content/uploads/2011/04/date-circle-blue.png”) no-repeat scroll left top transparent;
      }

      And..your donation is highly appreciated…

      Like

    2. Hi Steve
      Its me Om From Allaboutbasic.com. Steve, as you have donated for my blog so, I would like to provide the link of your webpage with your image in my homepage sidebar.
      Would you mind to provide me your image and the webpage link which you want to show in my webpage sidebar?

      *** My blog’s Page Rank is 3 so it will be beneficial for your webpage SEO..

      Regards
      Om

      Like

  37. That worked beautifully! Two other questions if I may (no rush, get some sleep!) 🙂

    – I’d like to add a logo image rather than the logo text they provide

    – I’d like to remove just the search box and search button but leave a 50px header at the top that I put a repeating background image in.

    Thanks again!

    Like

    1. Hi Steve…..
      To remove the search box + button

      #topsearch {
      display: none;
      line-height: 0;
      width: 300px;
      }

      It would better for me to give you the css code of repeating background image for the top, and logo image after getting your website URL would you mind to share it ? I will give you the remaining code tomorrow morning and pls try to share your URL

      Thanks again for your help for my blog 🙂

      going to bed.. 🙂
      ……

      Like

      1. HI Steve

        Would you mind to try the following code and let me know they works for you or not for your Bueno theme…

        To remove the search box + button

        #topsearch {
        display: none;
        line-height: 0;
        width: 300px;
        }

        ***

        To use the Logo Image Rather than logo Text in Bueno Theme

        .site-title a:link, .site-title a:visited {
        color: #000000;
        display: none;
        text-decoration: none;
        }

        #logo {
        background-image: url(“http://freesmsinfo.files.wordpress.com/2011/06/cedross.png”);
        height: 84px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: -16px;
        width: 371px;
        }

        Please let me know they works for you or not..

        Like

  38. Logo worked great.

    I tried the display none based on a suggestion you had for someone earlier but that totally removed the whole top section. I like having the section there (put a striped bg image in it) I just don’t want to see the search box and button as they clash over the bg.

    Any suggestions?

    Like

    1. Hi Steve..

      Please Delete This code which makes your whole top hidden.

      #topsearch .widget {
      display: none;
      margin: 0 0 14px;
      }

      Try with this code now…and pls let me know it works for you or not..

      #topsearch .widget {
      height: 36px;
      margin: 0 0 14px;
      }

      #searchform {
      display: none;
      margin: 15px 0 0;
      }

      Like

  39. I’m not sure that I have this figured out. In the Bueno theme there is a section in the theme options to add custom CSS. I thought that that location would be the best place for it as to not screw things up.

    With that said, I was able to change the background color just fine but all subsequent attempts to change, say, the font on the title or otherwise have failed.

    Is there a reason? Do I need to go into the actual stylesheet to do this?

    Like

    1. Hi Ben…
      Just Checked….. Yes..you can use that custom css in the theme Option of Bueno theme…
      I think you should check more the css which you used in custom css field.
      Also..you can tell me what changes you want actually..i will give you the css code.
      Regards
      Om

      Like

  40. Hi again,

    I have a few little tweaks that are bugging me but I can’t quite work them out –

    1. How do I reduce the space between the end of the post ‘box’ to that of the comments box – they are quite far apart. Also I would like to do the same with the comments box and the ‘leave a reply’ box which also seem far apart.

    2. I would like to change the font colour of the footer and change the colour of the seperator lines on both the footer, sidebar and widgets (currently a mix of pink and red).

    3. I have 2 random bits of text that are pretty much invisible because they are grey – the ‘Notify me of follow-up comments via email’ and the ‘Be the first to like this post’ Is there any way to make them black or just change the font colour?

    If you can help me with any of this I’m pretty sure I’ll be in love with you!

    site is:http://buffalo-press.com

    Thanks!

    Lloyd

    Like

    1. Hi Lloyd..
      If I am not wrong..you are searching for the following Code…try them and let me know it works or not

      To change the Footer side Border Color

      .one, .two {
      border-color: #FFFFFF;
      }

      To change the Footer side Text Link Color

      #extended-footer li a:link, #extended-footer li a:visited {
      color: #333333;
      }

      To change the footer Title’s Color

      #extended-footer .widget h3 {
      color: #333333;
      }

      To Reduce the space between Post Box and Commetns BOx

      .post {
      background-color: #B9D3EE;
      border: 5px solid #EFEFEF;
      margin: 0 0 12px;
      padding: 50px 55px;
      position: relative;
      }

      To Reduce the space between Comments Box and Leave a Reply

      #comments {
      background-color: #FFFFFF;
      border: 5px solid #EFEFEF;
      margin: 0 0 0;
      padding: 50px 55px;
      position: relative;
      }

      To change the Red Border COlor in sidebar

      .widget h3 {
      border-bottom: 1px solid #333333;
      }

      To Change the pink Border COlor in Sidebar

      .widget_recent_comments li, .widget_twitter li {
      border-bottom: 1px solid #333333;
      }

      To change the color of ‘Notify me of follow-up comments via email’

      #respond p.comment-subscription-form label {
      color: white;
      font-size: 12px !important;
      font-weight: normal;
      margin: 0;
      text-transform: none;
      }

      To Change the color of Like “Be the first to like this post”.

      #wpl-likebox #wpl-count {
      color: white;
      float: left;
      line-height: 130% !important;
      min-height: 25px;
      padding-top: 4px;
      }

      Like

  41. Wiw thank you!

    I have been learning CSS but I struggle to make out what’s what with the ‘little bits’ of Bueno’s stylesheet on wordpress.com – you’re a master!

    A few little things..

    Everything worked perfectly except for the sidebar lines that are still pink in the ‘featured articles’ (although I don’t think I specified this clearly enough before).

    Also as one tiny little favour… I am trying to change all images to have a small border but when I use the following code they just appear as pink on the home page and featured posts sidebar (although this does work within the posts when you click through to them). If you could let me know the code for each part that would be amazing.

    img {
    border:2px solid #EFEFEF;
    }

    .entry img {
    border:2px solid #EFEFEF;
    }

    Once again in your debt…

    Lloyd

    Like

    1. Hi Lloyd try the following code and let me know it works or not….

      To Remove the Pink Border of the Featured Post Sidebar

      .widget-bueno-featured li {
      border-bottom: 1px solid #000000;
      }

      Right Side Bar Featured Thumbnail image border

      .widget-bueno-featured span.thumb img {
      border: 2px solid #FFC1C1;
      }

      Blog Post Image border

      .post img.attachment-post-thumbnail {
      border: 2px solid #FFC1C1;
      }

      Like

      1. Everything has worked perfectly with the exception of the image borders on the home page (they’re featured images as part of the post excerp)

        thanks

        Lloyd

        Like

  42. Hi dude!

    Any idea how to centre the main navigation menu?

    The following code centre’s the whole thing but the drop down menu goes all over the place if you try and use it…

    #container {overflow:hidden;}
    #pagenav {float:left!important; position:relative; left:50%;}
    #pagenav li {position:relative; right:50%;}

    Cheers

    Like

  43. i have been reading all the comments here and implemented them on my blog. I have few questions:

    1. how can i change the pink color at the footer to something grey?

    2. when you visit the homepage, you see the excerpts of the posts. However, I would have wanted to see a “more” link at the bottom of the excerpt for readers to click, instead of clicking the title of the post.

    3. how can i change the colors of the horizontal dividers on the sidebar (the lines that separate the sections) — from pink to grey?

    4. last, i still could not change the border color of the images on the homepage. I want that pink change.

    can you help me with this?

    thanks much.

    Like

    1. Hi Would you mind to try the following code and let me know it works or not?

      Footer color

      #extended-footer {
      background-color: gray;
      }

      /** Read More ****/

      I think you will get this from Bueno theme Option (not sure). WOuld you mind to check?

      /******For Sidebar Divider ******/

      .widget h3 {
      border-bottom-color: grey;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      }

      /******** Home Page image border color *******/

      .post img.thumbnail {
      border: 6px solid grey;
      }

      If all works…let me buy a coffee.. 🙂

      Regards
      Om

      Like

  44. This is a fantastic post! I added a custom header and can’t seem to link it back to my homepage – I was wondering if you have tips on changing this? If not, how can I add a “Home” link to my navigation bar that will send people back to my home page. THanks for your help!

    Like

      1. Hi Rachel..
        Yes your one is WordPress.com self hosted site — you just purchased the domain and mapped it from wordpress.com …I am also using the same….
        Yes..it is problematic to implement the requirement you are asking for..as it may not work the same in all browser….

        You can add me in skype.. .om2000_cuet is my id.. I will be online tomorrow as it is midnight now. 🙂

        Regards
        Om

        Like

      1. It worked! At first I was not sure where to put the code. I added it to custom css and I got the results I was looking for. I’m not sure what color to use yet for the border but I’m happy to have a way to tweak it, I appreciate your help!

        Like

  45. Hi! This has been so so useful, but now I’m rebuilding the same site using WordPress.org instead of WordPress.com, and I noticed some of the tweaks I did before aren’t working. Do you know of another resource like this one for WordPress.org?

    Like

  46. Hello,

    Your page is very encouraging because there are a few things about Bueno that confuse me, and it’s nice to know that solutions do exist.

    To begin with, where do we even do the CSS changes? I went to Appearance > Editor, and it says:

    WARNING! DO NOT EDIT THIS FILE!

    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! 🙂

    I have no idea what this means. Would you mind explaining please? Thank you.

    Like

  47. Hi again!

    I would like to replace the automatic sidebar/widget titles for “pages”, recent posts” etc. with my own sidebar titles that are an image. I tried deleting the titles in the sidebar widget but it doesn’t work it adds a default title. Is there a way to get rid of the default sidebar titles?

    Many thanks!

    Like

    1. Hi,
      There should be a space to put your own Title. but.. you can use your own image instead of title by using CSS..

      Upload the image in the server and share me the link to check..

      Regards
      Om

      Like

      1. Hi Discard the previous change and use this . Please let me know it works for you or not.
        Also..please use your name istead your site name.

        #sidebar .widget h3 {
        background-image: url(“http://mymexicodream.com/wp-content/uploads/2011/07/explore.png”);
        color: transparent;
        }

        Regards
        Om

        Like

  48. Hello and thank you for this incredibly helpful blog post AND your continuing support/feedback in the comments – Awesome! Despite being completely new to CSS, your tips have helped me to change a lot of what I needed with the blog I’m working on (http://greggandellis.wordpress.com/).

    I’m hoping you might be able to help me fix a problem I’m having with the site. I’m trying to set up a Facebook “Like” box and it is not working out. Can you help?

    You can see the site (in progress)@ http://greggandellis.wordpress.com/ They’re using the Bueno theme and have upgraded to ‘custom design’ css.
    I’ve been trying to add a Facebook ‘Like’ Box widget to the right sidebar using the iframe code generated here: http://developers.facebook.com/docs/reference/plugins/like-box/ and placing that code into a text widget in the sidebar… But instead of seeing the nice box with a photo and the Like button, all I see is a link. When I click that link it then takes me to the actual ‘Like’ button (with photo and everything) on a white page. I just want the Like button to show up in the right-hand sidebar, no link. Any ideas? Is there another way to do this using CSS?

    Here’s the code I’ve put in:
    http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fgreggandellis&width=292&colorscheme=dark&show_faces=false&border_color&stream=false&header=false&height=62

    and the facebook page is http://www.facebook.com/greggandellis

    Apologies for such a long message, but thank you for any help. I’ll owe you a coffee!

    Like

      1. Haha, wow, I don’t know how I missed that before! Got it up and running now though. Thanks for pointing it out to me!
        Any idea on what I could put into the CSS to change the color of text “Follow us on Facebook” from dark purple to (color:#c1be9d)? Is this possible?
        Thank you Om!

        Like

    1. Holymoly, Thanks for the fast reply!!
      Weird, I must’ve missed it on my first look through… I will check again for the default FB widget in wordpress.
      Thank you again, Om!

      Like

      1. Hi Jonathon…
        Yes..there is a default facebook widget in wordpress.com widget section… I also have added this in this blog recently….. just put your facebook page url in that box and it will work..

        🙂

        Regards
        Om

        Like

  49. I have tried the code and it’s working perfectly!
    Thank you Om, you are some kind of wordpress superstar!
    I’m getting things organized with the boss, but we will be more than happy to ‘buy you a coffee’ – Keep up the good work and Thanks again!

    Like

  50. Hey, thanks so much for all of your help so far. I have another question for you.

    I narrowed my sidebar width with CSS, and now I want to widen the blog post area a bit so it matches up. But for some reason the code to widen the blog post content area in this guide isn’t working for me.

    It’s still a private site so I can’t link to it, but I would be happy to share anything that would help you answer this over email. I would just need your email address.

    Thanks as usual!

    Like

  51. And I just remembered one more thing I’m trying to do – I’d like to move the top search bar and search button to the left about 100 pixels. The big picture is I’m basically bringing the whole site in to be narrower.

    Like

  52. Hi Om,

    My site is finally live http://www.mummyandthebeastie.com here are my questions again:

    – Is it possible to change the colour of the date circle to 7ECED3?
    – Is it possible to change the background to something custom, patterned that I have done?
    – How do I remove ‘Archive’ from page titles?
    – How do I remove 2nd menu bar, Home, floating next to my header?

    Many thanks
    Alex

    Like

    1. Hi Alex.
      Yes..it is possible to change the date circle…by doing some photoshop work.

      Background — would you mind to clear me which pattern you are asking about?
      Archive — need to check the php files
      2nd Menu bar “Home” — need to check the Dashborad options.

      Regards
      Om

      Like

      1. Hi Om,

        Many thanks for the quick reply.

        The date circle I have managed to knock one up in photoshop, how would I go about getting this live?

        It is going to be one I put together in illustrator, a light pink background with white spots, similar to the one that is already there, but using different colours. Shall I put it together and show you?

        What do I need to do in the php files? Not sure if it makes any difference but this is through my host and not .org locally on my mac.

        I couldnt find the option to remove it in my dashboard options, is this something that can be done using css?

        All the best,
        Alex

        Like

      2. Hi ALex….
        Upload the background image and date cirecle in your wordpress and share me the link address, i will give you the code to implement it.

        For “Home” and “Archive” … i need to check the php files.. if you have skype add me there in om2000_cuet.

        Regards
        Om

        Like

  53. Thanks for all the CSS tips & tricks! I made some changes to the font and removed the date on the left of posts.

    After I added a Woo contact form, a weird grey box appeared. Maybe I’ve done something wrong in the CSS. You can check out the form on http://www.zeppz.nl/about-onder/
    Do you know how I can remove the grey box, of adjust the size of it, so the contact form fits in well..

    Thanks in advance!

    Like

  54. Hello

    Thank you for this amazing resource! You never find anyone so willing to help others like this.

    I have applied a variety of updates listed here and it works great, I just have a couple questions

    1. I followed the instructions to update the font of the site title, but nothing happens.

    2. I followed the instructions I found to add a different background image – but it just changes it to white and doesn’t load one.

    3. Where do I change the font for “One response to “blog post name” I have changed the “leave a reply” font and comment font, but this font remains

    Also, is it possible to make the lines that surround the area where it says “comments / categories / author” to be dotted instead of a line?

    Like

    1. Hi Rebecca,
      Sorry for the late in reply due to time zone ( you commented when it is my midnight 🙂 ) . The css code i have provided here is actually for wordpress.com free hosted Bueno theme.
      Would you mind to try the following css code and let me know they work for you or not.

      1. To change the Site Title try to use the following css code

      #logo .site-title a {
      color: red;
      font-family: ‘Anton’,arial,serif;
      font-size: 48px;
      font-weight: normal;
      line-height: 48px;
      text-decoration: none;
      text-transform: uppercase;
      }

      2. To change the background image..

      body {
      background-color: #FFFFFF;
      background-image: url(“default/bodytile.jpg”);
      background-position: left top;
      background-repeat: repeat;
      }

      Regards
      Om

      Like

      1. Ty so much!

        Is this the right code to change the border color of images on the post page?

        .post img.attachment-post-thumbnail {
        border: 2px solid grey;
        }

        It isn’t working

        Have a great day!

        Like

      2. That works but only on the home page featured post, when you click on the post itself all images still appear with a pink border :/

        Like

      3. Hi Rebecca

        For the single post page image of Bueno theme — to change the pink color border try the following code and let me know it works for you or not.

        .entry img {
        border : 3px solid red;
        }

        Regards
        Om

        Like

  55. Disregard my last question about editing the “One response to” I figured out the solution 🙂 In case others are looking:

    This portion of text uses H3 so you need to add an H3 style to your custom CSS:

    h3 {
    font-family: Georgia; (or whatever font you want)

    }

    Still haven’t figured out the other issues though

    Like

  56. Hello,

    I would like to Highlight the “bypostauthor” comment on my blog. I use Woothemes “Headlines” theme. Can anyone help me with the code to integrate into my #comment section?

    Thanks for any help!

    Like

      1. Hi,

        I have been trying to style the author comments but I am having a problem doing that.
        It is high-lighting only some on my comment. I am using Woothemes “headlines”

        Here is the CSS code I added below:

        #comments .comment.bypostauthor { background:none repeat scroll 0 0 #CCFFFF; border:1px solid #d8d8d8;
        color:#555; padding:0px 0px 0px 0px; border-width:0 1px 1px 1px; font-size:14px; line-height:20px; }

        NB: Here is an example of the post below:

        http://www.theentrepreneursmindset.com/dispel-the-hindering-distortion-effect-of-the-mind/

        Please instruct me as to how I could solve this problem.

        Thanks!

        Sonia

        Like

      2. Hello,

        I still did not get a response pertaining to the following email I sent to. Anticipating your kind reply.

        Thanks!!

        Sonia

        Hi,

        I have been trying to style the author comments but I am having a problem doing that.
        It is high-lighting only some on my comment. I am using Woothemes “headlines”

        Here is the CSS code I added below:

        #comments .comment.bypostauthor { background:none repeat scroll 0 0 #CCFFFF; border:1px solid #d8d8d8;
        color:#555; padding:0px 0px 0px 0px; border-width:0 1px 1px 1px; font-size:14px; line-height:20px; }

        NB: Here is an example of the post below:

        http://www.theentrepreneursmindset.com/dispel-the-hindering-distortion-effect-of-the-mind/

        Please instruct me as to how I could solve this problem.

        Thanks!

        Sonia

        Like

    1. Hi Dipna..

      thats the fact you missed to share your actual website here….. Ok.. paste the following code at the bottom of style.css and let me know it is Ok or not..
      going to bed (its 2am right now). If you have anything remains just put your comments i will reply you in the morning..

      #catnav {
      display: none;
      width: 620px;
      }

      #topsearch {
      height: 61px;
      line-height: 1;
      width: 300px;
      }

      Regards
      Om

      Like

      1. Hi Om!
        No actually I think i’m going to let it be the way it is for a while.. But I have a feeling I’m going to hound you with questions a lot in the future! =P
        Thanks a ton for all your help! =)
        Dipna.

        Like

  57. Hello,

    I updated my Wootheme “headlines” Blog and immediately after that I logged in and realized that my “Widget Page” was deactivated.

    I cannot Drag and drop any widgets. Could you help me please. Should I send you the link to the page?

    Thanks!

    Like

      1. Hi Hannah.. need tho check..

        are you using wordpress.com free hosting? (i guess you don’t)

        if you are using hosting from hostgator or other..then you can modify php files..

        Om

        Like

      2. HI Hannah…
        If you are using wordpress.com’s free hosting…then you can’t modify the php file…so, I can’t help you to remove tag using css…….
        better u don’t use tag in your post…. right?

        Regards
        Om

        Like

    1. It’s me again! I have two more questions! How can I CSS change the color of this border? I would like it to match the rest of my borders. Picture: http://worldofhannah.files.wordpress.com/2011/09/older-entries.png

      Also I would really like to add a white box with grey border (like around everything else on my website) around the comment box here: http://worldofhannah.files.wordpress.com/2011/09/comments.png How can I do that? I can’t seem to find the right CSS for this…

      Thanks again!

      Like

      1. Hi Hannah,
        For the comments section try the following code

        div#respond {
        background-color: white;
        border:4px solid #333333;
        padding:4px;
        }

        For “Older Entries”
        would u mind to share me the link where it is showing?

        let me know..

        Om

        Like

  58. Hey!
    So I’m back to bother you! =)
    Is it possible to show entire posts or make the […] at the end of the post clickable so one can read the entire post?
    As of now all posts are partially visible on my home page and only clicking on the post title shows the entire post.
    Here’s the link, http://www.ltwt.in
    Cheers!
    Dipna.

    Like

    1. Hi Dipna….
      I think you can make your full post visible in your site . Just check Bueno theme option. there you you will get the option about you want to show your full post or excerpt.

      Regards
      Om

      Like

  59. HI! This post is awesome. It’s helped us get our page ALMOST the way we want it. There’s still one thing we can’t figure out. We would like ALL of the text and bullet points in our sidebar widgets to be white. We put the following code into our CSS and it changed a few things, but not all of them. Can you help?

    .widget {
    margin:0 0 30px;
    }

    .widget h3 {
    text-transform:uppercase;
    color:#ffffff;
    margin:0 0 7px;
    padding:10px 0;
    }

    .widget ul li a:link,.widget ul li a:visited {
    color:#ffffff;
    border-bottom:medium none;
    }

    Our site: http://www.tobeperfectlyhonest.com

    Like

      1. Better yet…how about we remove the bullets altogether? And why is our “search by author” widget spacing differently? How do we line those up? Awaiting your response with a donation for a couple of coffees ready to go!

        Like

      2. HI Phoebe,
        Good Morning… you commented on my blog when it is our midnight. 🙂

        Ok.. To make bullet white…. check the following css code which is used in your theme to show bullet

        #container .widget_categories li {
        background-image: url(“default/bullet.png”);
        }
        They used 5×5 px circular image of circle as a bullet

        So, if you want to make it white you have use a white colored circle with 5×5 px dimension..

        If you don’t want to show the bullet Just paste the following code..

        #container .widget_categories li {
        background-image: none;
        }

        Like

      3. Also, for the right side “Search Review by Author” you can try the following code (not sure you are searching for this or not)

        .widget ul ul {
        border-top-color: -moz-use-text-color;
        border-top-style: none;
        border-top-width: medium;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        }
        .widget ul li ul li {
        padding-left: 2px;
        }

        .widget ul li img {
        padding-left: 0;
        }

        .widget ul li a:link, .widget ul li a:visited, .widget ul li {
        color: #FFFFFF;
        display: block;
        line-height: 18px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 6px;
        padding-left: 2px;
        padding-right: 0;
        padding-top: 6px;
        text-decoration: none;
        }

        Please let me know it is Ok for you or not..

        Om

        Like

      1. Hi,

        Thanks for that correction! Yes, I meant “Spam Comment” Is it a free plugin that I activated, or do I have to purchase it?

        If I have to purchase it that’s alright I will do just that.

        Thanks for your response!

        Like

  60. Hello!

    We have just setup our blog and want to remove the black top navigation bar all together. Do I just enter the code you’ve said in the custom.css or do I have to paste all the style information into custom.css then eidt the navigation section?

    Sorry if I;m being very blonde here but not 100% sure what I’m doing!

    Like

  61. Hi there, awesome post first thing. absolutely awesome.

    Is there anyway to get rid of the underline in sites title.

    could you change the color of the sites title when i hover. its blacks now …. when it hovers, red would be perfect. so from black at normal and red at hover.

    its not the beuno logo but wordpress traditional title.

    thanks:)

    Like

      1. Sorry, but im currently on mamp, would test then upload to a domain. but you can see what im talking about @ jennaharcher.com

        i.e the title will underline when hovering. want to get rid of that and instead get red title when hovering. is it possible?

        Like

      2. HI Shamal

        Try the following code and let me know it works for you or not.. it will make your Bueno theme’s Header Title’s hover color link and will get rid of the underline

        #logo .site-title a:hover {
        text-decoration: none;
        color: red;
        }

        Regards
        Om

        Like

  62. Hi there Om, is there any way to keep the black bar on top of the site with the search box but i want to get rid of the navigation like for categories. so black box with search box with no links or navigation.

    secondly there are sections at the bottom of the post (comment, categories and author), i want to get rid of the italicized text like (2 comments and so on) and make it not italicized. and like might wana change the color of it, to red lets say.

    Like

    1. sorry for this one, its kind a hard. i want to get rid of the date circle. and instead i want the date to display under the sections under the post. (comment, categories and author) so could it like be (Date, comment, categories and author) if not could one be deleted like (Date, comment and author). would make bueno more better.

      Like

  63. Hi Om,
    It’s been awhile! Hope all is well with you.
    I was wondering if there is a way to place more than one clickable image on the same line in the sidebar? Right now I have many small images in a single row going down the side, but it would be great if I could set some of them side by side to create a sort of grid.

    No rush in getting back to me. Whenever you have a chance.

    Cheers,
    Debbie

    Like

  64. hiya. I really need a bit of help and, no, I have no clue what I’m doing!
    My site is
    http://autismum.com/
    I’ve managed to make some of the widget text black and bold but can’t seem to do the same for the ‘pages’ widget so it will show up against my rather lovely background (which is also on my dining room walls)
    I’de be so grateful if you could help and I know I’m probably being thick!
    Thank you
    xx

    Like

    1. Hi,

      Would u mind to try the following code and let me know it works for you or not?

      .widget ul li a:link, .widget ul li a:visited {
      color: black;
      display: block;
      line-height: 18px;
      padding: 6px 0 6px 25px;
      text-decoration: none;
      }

      Regards
      Om

      Like

      1. http://www.oliviapalermo.com/wp-login.php

        Check out the main page and you’ll see that the images are all stretched or cropped. Is there anyway that the image would jut be resized, keeping the same proportions as the original.

        The template automatically makes the featured image fit into the rectangle space in the main page. I actually want the picture to remain the same exact dimensions as the original pic uploaded, so if it’s a portrait sized pic it remains portrait sized.

        Thanks!

        Also on a side note, what plugin did you use for your facebook connect for comments?

        Like

  65. hi OM.
    You are the best!
    Is it possible to remove this thin gray line around the ‘LEAVE A REPLY’ box?. With your help I’ve been able to remove all the other borders, except that one…
    Thanks in advance!

    Like

    1. HI Enrique

      You need to check your index.php (need to check) file to do this. just visited ur site with the username and pass u provided… what u have to do is to change that comments portion

      with the following

      <?php the _ time ('m/j/y g:i A') ?> <  br   / >
      

      om2000_cuet is my skype … better u add me there..

      Om

      Like

  66. Hello again.
    I’ve now done enough blog posts that they go over a page if you see what I mean? How do I get the little box at the bottom that says “Older Entries” pink like the background of my posts?
    Thanks
    xx

    Like

    1. HI M O’C

      Sorry for my late reply as i was not available last 2 days..
      pls try the following code and let me know it is Ok for you or not ..

      .more_entries {
      background-color: #FFF3F3;
      border: 5px solid #EFEFEF;
      margin-top: -30px;
      padding: 10px 55px;
      }

      Regards
      Om

      Like

  67. Hi, I have problems with Twitter post in Bueno theme, I don’t know why a line appear between the post and the name of people I’m replying or between the links I share on Twitter.

    And I also have problems to configure the Top Navigation bar. How I can change that do don’t show the Categories? Do I need to configure my Categories to change that? I know I can delete that bar navigation, but I don’t want to delete, only to fix. Thanks

    My blog site is http://donapedrinha.com

    Like

    1. HI Daniela…
      if you dont want to show the category in the Bueno theme .. just paste the following code at the bottom of style.css and let me know it is Ok or not..

      #catnav {
      display: none;
      width: 620px;
      }

      Like

      1. HI Daniela..
        try the following css code and let me know it is Ok or not..

        div#twitter-3 ul.tweets li {
        border-bottom: 1px solid lightgrey;
        }

        div#twitter-3 ul.tweets li a {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        display: inline;
        padding-left: 2px;
        padding-right: 3px;
        }

        Regards
        Om

        Like

  68. Hi there,

    Great blog! It’s been very useful over the past 6 months.

    I am trying to make my images larger in the posts. I’ve done the following but nothing seems to make a difference:
    – increasing the size of the image prior to uploading
    – increasing the width limit (where the default used to be 490 pixels)
    – changing the CSS with code such as:
    #entry-img {
    width:1100px;
    }

    Any additional suggestions? My blog is called http://www.onelushday.com

    Cheers,
    Cat

    Like

      1. Hey Om,
        Unfortunately it didn’t work. The images are still coming through as the same size (even when I upload the same image with a width of 1000px and 1300px – they come through exactly the same).

        Any other thoughts?
        Cheers,
        Cat

        Like

      2. HI Catriona,

        Ok, in your css sheet check the following code.. see, there is max-width:490px make it 800px . hope your problem will be solved..

        .entry img, .wp-caption {
        height: auto;
        margin-bottom: 15px;
        max-width: 490px;
        }

        Regards
        Om

        Like

  69. Hi Om

    I’m trying to change my website title and the menu fonts – i’ve tried all sorts of plugins and am now going crazy. I know you have given some code above but I don’t know where to put it? Could you show me what lines to put it in between? There will definitely be a couple of coffees in it for you – my computer is about to be thrown out of the window!!

    http://www.fantoush.com

    Thank you!

    Like

    1. HI Emily,
      Good Morning..
      Yes..You have to put the code in “Appearance–>Editor” and then go to Style.css, and put the codes at the bottom of style.css and save it..

      Also..at first check in your Bueno theme option there is any option to put custom css. If you have cutom css option..you can paste the code there also..

      Pls let me know if you need more help..

      🙂

      Regards
      Om

      Like

      1. Hi Om

        Thanks for getting back to me. When you say put the alternative code at the bottom of the CSS Style sheet – should there be any existing code after what I have put in? Or put it at the absolute end? I wanted to get rid of the black footer bar too – should that go at the bottom of the style sheet or in the footer.php?

        Thanks!

        Like

      2. Hi Emily…
        Yes..you need to put it at the absolute end..

        For the footer black bar paste the following code also at the absolute end of style.css…. no need to touch the footer.php

        #footer {
        display: none;
        }

        Regards
        Om

        Like

      3. Hi Om

        Sorry ive just been experimenting with the site. I managed to get rid of the black footer bar which is brilliant. I tried to change the font to Ostrich Regular but it still looks the same on other computers – i know it changed something as it is now smaller. There is also a little blank square on the left of my screen below the title. I know this font issue is something to do with other computers not having the Ostrich font but it is really important to me to have a certain look to the site. I would be happy to use letter gothic std if that makes life easier?

        Thank you so much in advance

        Like

      4. Hi Om

        I just entered that code and the body text changed – not the Menu headers or the Title – I removed any code I put in and there is still a blank little rectangle on my page. The only thing that has changed the website title was the code you posted at the top –

        .site-title {

        display: inline;

        font: bold 35px times New Roman;

        margin: 0;

        padding: 16px 0 0;

        text-transform: uppercase;

        }

        This changed the size of the title and the body text returned to times new roman. Any ideas?

        thank you 🙂

        Like

      5. HI Emily..
        Yes..the following code is for post content’s font change..not the menus and title…they need other css code …

        .entry {
        font-family: your 1st font,your 2nd font;
        width: 100%;
        }

        **** Replace the font name and ur post content will be changed again…

        and..yes.. the following code is for site title…

        .site-title {

        display: inline;

        font: bold 35px times New Roman;

        margin: 0;

        padding: 16px 0 0;

        text-transform: uppercase;

        }

        🙂

        Pls let me know it is Ok or not.

        Regards
        Om

        Like

      6. Hi Om

        Thanks so much for this – it has finally changed! It still won’t recognise letter gothic std or ostrich regular – any ideas?

        Somewhere along the line of editing I have produced a blank small rectangle on the left hand side under my site title – what might this be and do you know how to get rid of it?

        Coffee on its way my friend!

        Like

      7. Hi Emily..

        About Rectangle…

        that Rectangle is showing due to the border around header image (there is no header image right now..but, the image border is showing as rectangle..)
        paste the following code to remove this rectangle…. but.. if u use header image in future, delete the code to show the border again…

        #header-image img {
        border:none;
        }

        *** About Fonts..
        Do u have the font? would u mind to mail me the font in my mail? om2000_cuet@yahoo.com is my mail..

        🙂

        I am checking to solve the font issue..

        Regards
        Om

        Like

  70. Hi OM
    I’m having some issues with mi website. This is how it’s supposed to look like (http://machincandao.files.wordpress.com/2011/11/screenshot2.png). Everything was fine until 15 minutes ago… Now take a look at http://www.machincandao.com.
    The widgets in the sidebar don’t look like they should. The spacing between them is wrong. And I did NOT change the CSS Stylesheet Editor. It’s weird!!! Can you help me with this Problem?
    Best Regards,
    IVAN

    Like

      1. Hi Mr. OM
        exactly!!!
        The spacing between widgets is all wrong. As you can see in the screenshot, they should be a lot closer from each other… This is so weird! It was working all right and suddently… This!

        Like

      2. Hi Ivan,
        would u mind to try the following code at the bottom of style.css

        .entry .alignleft, .widget .alignleft {
        float: left;
        margin: 0;
        }

        Pls let me knnow it is Ok or not..

        regards
        Om

        Like

      3. OM
        Your solution worked!!! You’re the best!
        Let me fix some issues I’m having with my paypal account for the COFFEE TIME!
        How can I prevent this from happenning again? Do you know the reason why I had this problem?
        Best Regards
        IVAN

        Like

      4. Hi Ivan,
        not sure why you faced this problem… i think you will not face this problem again unless you change the css again..

        🙂

        Let me know if you face any other problem.

        Regards
        Om

        Like