Theme: Bueno by WooThemes Css upgrade and Style sheet edit: Modify Header Site Title Font, font color and size, blank space, remove search box, blog post font and alignment, body and content background,post title font and color,remove tag, sidebar font and color,moving the navigation menu to the left,hide and modify comments,leave a reply,Widen Content area and more.

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.

 

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




You may also like to check

1. WordPress.com Visitor Tracking :Know who is visiting your site
2. WordPress.com Flickr Flash Gallery: Show your flickr photos to your readers
3. WordPress.com animated Photo gallery : Show your images stored in WordPress with WordPress animated photo gallery
4.WordPress.com Visitors Flag : Where from your users visiting you.
5.WordPress Free Blog Favicon Icon : Show Your Favorite images on the addressbar.
6.WordPress Unicode Font Support: Learn How to Write and Use Unicode Font in WordPress.com free blog.


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 Responses to Theme: Bueno by WooThemes Css upgrade and Style sheet edit: Modify Header Site Title Font, font color and size, blank space, remove search box, blog post font and alignment, body and content background,post title font and color,remove tag, sidebar font and color,moving the navigation menu to the left,hide and modify comments,leave a reply,Widen Content area and more.

  1. Ryan says:

    Awesome post!

    How do I remove the pink “RSS” link from the page navigation without removing the other links I want?

    Thank you!

    Like


    • 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

      • Ryan says:


        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


      • Ryan..

        Would you mind to give me your blog address? means..site address.

        Regards
        Om Prakash

        Like

  2. 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

    • Ryan says:


      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

      • 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

  3. Ryan says:

    It worked! Thank you so much! Muchos gracias!

    Like

  4. Lisa says:


    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

    • 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

      • Lisa says:


        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


      • 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

      • Lisa says:


        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


  5. 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


    • 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

  6. Wendy says:

    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

  7. GirlieGirl says:

    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


    • 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

      • GirlieGirl says:


        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


      • 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

  8. GirlieGirl says:


    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

  9. 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

  10. Krystal says:


    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

    • Hi Krystal
      I think you are searching for the following steps

      Go to your WordPress Dashboard and then

      Appearance -> Header

      from here you can add your custom Header image.

      Like

      • Krystal says:

        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

      • 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

  11. Krystal says:

    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

  12. Krystal says:

    Thanks so much for all your help! 🙂 BIG thanks!

    Like

  13. Hi,

    I have managed to use CSS and customize quite a bit on a site I am working on. However, I cannot figure out how to get rid of the BLOG AT WORDPRESS.COM. and THEME: BUENO BY WOOTHEMES in the footer all the way at the bottom of the page. Here is the link to my site…any help would be great! http://jacquelinecole.wordpress.com/

    Like

    • 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

      • 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

      • 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

      • 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

      • Thanks!!!

        Both of those worked!!! I appreciate the help!

        Like

      • If you need any type of help..feel free to let me know…TC

        Like

      • wheiser2 says:

        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

      • 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

    • 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

      • 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

  14. Nicolas says:

    Hi!

    Thank you for this VERY useful post… I am however having a problem to change the font of the post content. My CSS is the following:

    .entry {
    font-family: Candara;
    font-size: 14px;
    font-color: #f90553;
    }

    But nothing seems to change, neither the font family nor the size.

    The address of my page is http://www.blogarista.net/2011/04/test-4/

    Thank you!

    Like

    • 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

  15. 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

    • 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

  16. Meg says:

    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

    • Do you have skype or any messenger to come online?

      Like

      • Meg says:

        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

      • 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

  17. Joe Social says:

    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

    • 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

  18. sharif says:

    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

    • 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

      • sharif says:

        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

      • 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

      • sharif says:

        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

      • Hi,
        Delete the display:none from the following selector to show your right sidebar

        .col-right {
        display: none; //delete this one and save
        float: right;
        }

        Like

      • sharif says:

        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

      • 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

      • sharif says:

        You are the man!

        How do i change the color of the blog post date circle? The default on my is the dark blue color right now.

        Like

      • 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

      • sharif says:

        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

      • Sharif bro…
        i will let you know after preparing the red circle..You will get it tomorrow. I will try to prepare it for you.

        Like

      • sharif says:

        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

      • 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

      • sharif says:

        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

      • 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

      • 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

      • sharif says:

        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

      • It doesn’t matter sharif vai… Your interest is the main thing.

        I have mailed the circle image in your address. Please share the URL here

        Like

      • sharif says:

        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

      • 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

      • sharif says:

        I uploaded the blue circle and it can be found here http://muslimteaparty.com/wp-content/uploads/2011/04/date-circle-blue.png

        As for the featured post, I agree with you recomendation. I prefer to use my own original image (so i can create my own border and add quotes as I choose). How can I hide the feature post picture on the blog post?

        Like

      • 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

      • sharif says:

        I put the code in. It doesn’t work. I’ve left it up so you can see it.

        Like

      • do u have skype id sharif vai?

        Like

      • Sharif vai…add me in your skype …my id is om2000_cuet

        Like

      • sharif says:

        I sent you an invite. I can’t skype right now though, I’m at work

        Like

      • 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

      • sharif says:

        Sorry I wasn’t able to connect with you earlier! Thanks very much for all your help!

        Like

      • No problem Sharif vai…knock me for any type of help if i were in online in skype or in the comments section of my blog

        Like

  19. 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

  20. Sebastian says:

    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

    • 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

      • Sebastian says:

        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

      • Hi Sebastian,

        Do you have skype? come online

        my skype id is om2000_cuet. add me

        Like

      • Sebastian says:

        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

      • Feeling Cool Sebastian.

        Like

  21. Rosalind says:

    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

    • Rosalind says:

      Whoops! The end of the third sentence in the first paragraph is supposed to read “a second time”. 🙂

      Like

    • 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

      • If you have skype..please add me .. my id is om2000_cuet

        Like

      • Rosalind says:

        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

      • thanks Rosalind….. Feel free to knock me if you need any support or question regarding css/html edit of WordPress.

        Like

  22. sharif says:

    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

  23. 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

    • 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

      • 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

      • 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

      • Also..Don’t Use Tag Clouds in your blog….. Not Healthy for SEO also.

        Like

  24. flo says:

    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

  25. Cat Saunders says:

    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

    • 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

      • Cat Saunders says:

        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

      • 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

  26. Cat Saunders says:

    Ahhh. Sorry. It’s this blog: http://onelushday.com/

    Which is bueno.

    Like

    • Great…

      the question you asked has solution…. but..what I need to know….

      Are you able to change the Appearance–>Editor header.php files of http://onelushday.com/ ?

      Like

      • Cat Saunders says:

        Nope. I can’t see that on mine. It only gives me the choice to upload the banner which is how I currently have the one that you can see there.

        Like

      • 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

  27. Cat Saunders says:

    It’s ok. Think I will just leave it as it is. I’m pretty happy with how it looks anyway!

    Thanks so much for trying.

    Like

    • 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

  28. 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

  29. jenna says:

    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

    • 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

  30. jenna says:

    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

    • 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

      • 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

  31. jenna says:

    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

    • Jenna…you can send me the attachment in mail… my mail id is om2000_cuet@yahoo.com

      but due to some physical illness i am late to reply you..pls dont mind for that…

      Try to send me the attachment in my mail….i will check it and send it back to you…

      Like

      • jenna says:

        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

      • 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

  32. jenna says:

    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

    • Jenna….not sure…why your site not showing? any problem in your hosting or your website?

      Like

    • 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

      • jenna says:

        good advice, yet again! thank you!

        please know that ‘Producer…’ is all normal text.

        enjoy the day!

        Like

      • 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

      • jenna says:

        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

      • 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

  33. jenna says:

    …and then I cleared my cache. I think I need to delete the changes I made to my stylesheet.

    Like

  34. jenna says:

    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

  35. jenna says:

    yes, I am talking about the ‘home’ I’ve hidden thanks to you and your code. 😉

    Like

  36. jenna says:

    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

  37. stonino says:

    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

    • 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

      • stonino says:

        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

      • 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

  38. stonino says:

    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

    • 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

  39. jenna says:

    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

    • 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

  40. jenna says:

    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

    • Hi Jane..
      Sorry for the late in reply as i was not available for the last 2 days.
      I visited your site…are you asking about the PDF which you used in your “CV”?

      Like

      • jenna says:

        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

      • 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

      • jenna says:

        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

      • 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

  41. stonino says:

    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

    • 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

      • stonino says:

        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

      • 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

  42. stonino says:

    i have 2 header jpg. how do i make the site header change between the two headers every 10 seconds instead of the default random header on pages.

    Like

    • 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

      • stonino says:

        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

      • 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

  43. Agata says:

    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

    • Hi Agata…
      Would you mind to share your website address so that I can check the problem? Also try to show me the problem in your site.

      Thanks

      Like

      • Agata says:

        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

      • 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

      • Agata says:

        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

      • Hi Agata…
        http://www.windmilldreams.com/ is not loading…any problem?

        Like

      • Agata… FOr last 2 day I tried to provide you solution but dont know why your site is slow/ not opening in my browser….. Sorry for that…..

        Like

      • Agata says:

        it’s loading fine for me :/

        Like

      • Agata says:

        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

      • 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

    • Hi Agata….
      Your site Seems Ok now… Would you mind to share your problem with details ?

      Like

  44. Lloyd says:

    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

    • 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

      • Lloyd says:

        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

      • Hi Lloyd..
        Thanks again for your comments and feel free to let me know about your problems.
        Regards

        Like

  45. dauntaun says:

    Hi
    I want to ask you if you know how to change de title of the theme and use and image (logo) instead?
    Thanks for you post

    Maya

    Like

  46. twenty something chaos says:

    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

    • 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

      • twenty something chaos says:

        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

      • Hi…try this code

        .widget h3 {
        color: #404040;
        font: bold 20px Lucida Handwriting;
        margin: 0 0 7px;
        padding: 10px 0;
        text-transform: capitalize;
        }

        Like

      • twenty something chaos says:

        Thank you so much! You are so helpful!

        Like

      • twenty something chaos says:

        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

      • 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

      • twenty something chaos says:

        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

      • Umm..
        Have you changed anything?
        Ok..try removing the Css which i have given you for the Top black bar.

        Like

      • twenty something chaos says:

        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

      • do you have skype? add me ..om2000_cuet is my id.

        Like

      • twenty something chaos says:

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

        Like

      • Hi,
        Have you saved it perfectly?
        Please Add them again and save then let me know..I will check it.
        Regards

        Like

    • twenty something chaos says:

      Yes, i just added it again and saved it. No show! Will you be on skype at a certain time today?

      Like

  47. adviceadmin says:

    Hello,

    I am editing Bueno css and am having trouble with the spacing between site tile, header image and navigation. not sure how to evenly space these out… any help would be GREATLY APPRECIATED!

    here’s my site: http://sandiego-relationshipadvice.com

    Like

    • 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

      • adviceadmin says:

        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

      • 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

  48. adviceadmin says:

    Hooray!! It worked!! Thank you thank you thank you!!

    Like

  49. 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

    • 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

    • 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

  50. 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

    • 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

      • Sure – here is the temporary address. In the process o f setting it up now.

        http://cedrossoles.wordpress.com/

        Like

      • 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

  51. 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

  52. Ben says:

    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

    • 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

  53. Lloyd says:

    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

    • 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

  54. Lloyd says:

    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

    • 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

      • Lloyd says:

        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

  55. Lloyd says:

    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

  56. Lloyd says:

    Like a dream – as per usual!! Thanks!!

    Lloyd

    Like

  57. talksmart says:

    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

    • 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

  58. 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

    • Hi Rachel,
      Are you using wordpress.com self hosted blog?
      If you are using wordpress.com self hosted blog then this change may not work perfectly in all browser…..

      Regards
      Om

      Like

      • Hi Om,

        Thanks for your reply. Currently my wordpress site is pointing at http://www.mercierbeaucoup.com – not sure if that means it is self-hosted? Any suggestions about how I can add some sort of a home page link on my site to get people to navigate back to my home page if they are lost?

        Thanks!
        Rachel

        Like

      • 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

  59. Did anybody find out how to change the border color/size of thumbnail images on the home page?
    thank you!

    Like

  60. 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

  61. AdamEff says:

    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

  62. Paula says:

    Hello, how do I post the image so it can appears in its real size?

    Like

  63. Paula says:

    I added you in Skype. Could you accept the invitation ?

    Like

  64. 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

    • 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

      • Hi, I have an image uploaded here: http://mymexicodream.com/wp-content/uploads/2011/07/explore.png

        Right now it’s in a text box above the widget, but yes I would like to be able to use this image instead of the widget title. I can change the titles of the widget no problem but I prefer to use an image because the font is prettier.

        Thanks!

        Like

      • 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

  65. Jonathan says:

    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

    • Jonathon…..

      There is a default Facebook Like box provided by WordPress.com in widget section..
      Just use this http://www.facebook.com/greggandellis page url in that facebook widget

      I hope it will work……

      If you face any problem…just add me in skype (i provided the username in my previous comments)

      Regards
      Om

      Like

      • Jonathan says:

        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

      • Hi Jonathan

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

        .widget h3 a {
        color: #c1be9d;
        }

        Regards
        Om

        Like

    • Jonathan says:

      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

      • 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

  66. Jonathan says:

    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

  67. 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

  68. 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

  69. Alex Wing says:

    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

    • 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

      • Alex Wing says:

        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

      • 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

  70. Marijn says:

    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

  71. AdamEff says:

    George, this is a very strange thing to say. I’ve been working with Om for a while now, and I know he’s an honorable guy. I think you’re mistaken.

    Like

  72. Rebecca says:

    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

    • 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

      • Rebecca says:

        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

      • Hi Rebecca

        For your Bueno theme post image, try the following code and let me know it works for you or not.

        .post img.thumbnail {
        border:3px solid red;
        }

        Regards
        Om

        Like

      • Rebecca says:

        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

      • 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

  73. Rebecca says:

    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

  74. Sonia says:

    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

    • Hi Sonia….
      where is bypostautor comments in your site? just visited your site but didn’t understand what u tried to say..
      would you mind to clear me?

      Regards
      Om

      Like

      • Sonia says:

        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

      • Hi Sonia..
        I am checking your problem..if i get the solution i will inform you..
        Regards
        Om

        Like

      • Sonia says:

        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

      • Hi Sonia…
        sorry i checked your problem but forget to respond you….. sorry for the inconvenience

        would you mind to try the following css code at the bottom of buttons3.css. you will get it at http://widgets.digg.com/css/buttons3.css

        .depth-2 {
        background: none repeat scroll 0 0 #CCFFFF !important;
        }

        Pls let me know it is Ok or not

        Regards
        Om

        Like

      • Sonia..
        also paste the following code at the bottom of button3.css

        .alt {
        background: none repeat scroll 0 0 #CCFFFF !important;
        }

        Regards
        Om

        Like

  75. Hi!
    I want to get rid of the categories from my header but I want to let the search box be. How do I go about this?
    Dipna.

    Like

  76. Hey!
    The top part where it says Announcement, Mumbai/Bombay, designer etc and then shows the search box!

    Like

    • 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

  77. Worked perfectly!!! =)
    Thank you so much!
    Also, can I possibly shift the title to that black bar?
    Sorry for you keeping up! Good night!

    Like

  78. Sonia says:

    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

  79. How can I hide the tags? I really don’t want them to show up, but yet it helps so much with search engine traffic. I tried your CSS listed above to remove them but it also removed the post text!! My blog is: http://www.worldofhannah.com/blog

    Thanks so much for any help!

    Like

  80. 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

    • 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

  81. Thank you! =)
    Do you know how many people bless you everyday?

    Like

  82. Phoebe says:

    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

    • Phoebe says:

      So, I figured out how to change the font color of the text, but still can’t figure out how to change the bullet points to white….Thanks!

      Like

      • Phoebe says:

        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

      • 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

      • 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

  83. Sonia says:

    Hi,

    Could your provide the code that can block IP ? I meant a code that will prevent spammers from sending you spamming posts.

    Thanks!

    Like

  84. Laura says:

    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

  85. sreddy says:

    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

    • Hi Sreddy,
      Pls share me your site address so that i can check it and let u know the solution..

      Om

      Like

      • sreddy says:

        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

      • 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

  86. sreddy says:

    Oh yes man, it works. just what i wanted;thanks very very much dude 😀

    Like

  87. sreddy says:

    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

    • sreddy says:

      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

    • Hi Shamal,
      have u uploaded your site in your hosting? actually without your site url it becomes tough for me to answer..
      pls let me know..

      Regards
      Om

      Like

  88. collabcubed says:

    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

  89. collabcubed says:

    Yes. Where I have square images going down the sidebar, I would like to put two or three on each line with a space between them. They each link to a different post.

    Thanks!

    Like

  90. M O'C says:

    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

    • 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

  91. M O'C says:

    Thank you.
    That’s perfect.
    Big cwtches from Wales, you’re a star
    xx

    Like

  92. M O'C says:

    there is one little thing…how do I get the links to turn pink again when the cursor’s over them?
    xx

    Like

  93. M O'C says:

    It’s grey again now!
    xx

    Like

  94. M O'C says:

    You really are brill!
    Thank you and I hope you enjoy the coffee
    xx

    Like

  95. Setting Featured Image to show up full size in the blog view (main page of my site which is populated by excerpts of the posts) instead of being cropped or stretched.

    How would I do this?

    Like

    • HI ENrique,
      WOuld u mind to share ur site and pls clear me the problem again..

      Om

      Like

      • 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

      • Hi Enrique,
        Never share your username and password in the comments box anywhere……it may cause your site hacked .

        Pls change your your username and password again..and try to contact me in my mail.. om2000_cuet@yahoo.com

        Om

        Like

  96. 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

  97. How do you replace the Comments count in the meta of each post with the date the post was done?

    So it would be:

    DATE POSTED | CATEGORIES | AUTHOR

    Thanks!

    Like

  98. Hi Om,

    What do I need to to do with the PHP? Or is there another place where the date posted can go other than the meta?

    Thanks! I’ll send you another email.

    Like

    • 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

  99. I am thinking about switching to this theme but I was afraid I couldn’t customize it
    I bookmarked it maybe I will need help though
    thanks !!

    Like

  100. M O'C says:

    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

  101. Daniela Pedrinha says:

    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

  102. Lazy Mum says:

    HI , how can i remove the pink bar across the blog ? Thank you

    bilazymother.com

    Like

  103. Christy B. says:

    Wow! I’ve never used CSS before and I just built a “custom” WordPress Bueno website using mostly these tips here. Thank you so much!

    http://bannisterinspections.com

    Like

  104. Cat Saunders says:

    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

  105. emily says:

    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

    • 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

      • emily says:

        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

      • 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

      • emily says:

        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

      • Hi Emily
        Would u mind to try this

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

        replace the font name…

        Regards
        Om

        Like

      • emily says:

        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

      • 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

      • emily says:

        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

      • 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

  106. 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

    • Hi Ivan,
      I am checking the issue….
      are u talking about the spacing between “About” “Contacto” “Twitter” ?

      pls let me know..

      Om

      Like

      • 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

      • 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

      • 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

      • 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

  107. Emma says:

    Hey man, just wanted to say THANK YOU for all the help you’ve provided here. Has helped me a lot! Cheers!!

    Like

  108. emily says:

    Hi Om

    I thought my site was fine until I saw it on a Mac using Safari – there’s a big empty box under the header and navigation menu – it is transparent with a small question mark in it. Is this a Safari bug or do I need to alter my CSS to accomodate it?

    Thanks!

    Like

    • Hi Emily.
      Good Morning..
      Actually, i dont use MAC here..so it would better if i could check it from ur side..

      Share me the screen shot of how ur site lookings in MAC using safari…let me see it first..

      Regards
      Om

      Like

  109. This post is pure gold! Saved me a ton of time. Thank you Om!

    Just one question, sorry if its already been written but I couldn’t see it.

    I’m trying to remove the Pink Hyperlink a:hover in the footer. I can’t seem to do it at all.
    I don’t want it to bold when I hover over it, and I don’t want it PINK!

    Thanks again

    Like

  110. Hi again Om!

    Slightly new issue now I hope you can help me with…

    “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. ”

    Did this previous question get answered? I’m having the same issue. I want my original image to be in the Featured Post, but its cropped and stretched and looks really bad.I’d like to keep the thumbnail, but have control of what is displayed on the post.

    Am I Nearly There yet?

    Thanks!

    Like

    • Hi Stuart Edwards
      would u mind to check ur “Main Index Template” idex.php and check the current function which is used to show thumbnail image

      woo_get_image(‘image’,490,200) … you may need to change the width and height from there..

      also, would u mind to check the Bueno theme’s option “dynamic image” section?

      Regards
      Om

      Like

  111. Thanks for getting back so quickly.

    The Dynamic Image section states 200 Width 500 Height… which seems a bit ‘tall’ to me!

    woo_get_image states:

    Is there a way of leaving these values blank, then the featured image will simply be what I upload it as? What if I want a portrait image?

    Thanks again

    Like

    • Hi Stuart,
      if you want to use the same width and height of your uploaded image in that position (below post title but top of post content) then i think it would better if you use your custom field instead of bueno theme’s default option..though for this u need to do some small modification in ur theme.

      Regards
      Om

      Like

  112. Done Om. Fired over the files to your email.

    Like

  113. Hi Om! Thanks again for sorting out my problems last night.
    I’ve made a donation so you can buy a cup of coffee or two!

    I’ve got some other issues I’s like to tweak if you could help me out please..

    I want to try and get control of certain things for good, like overall widths and padding of the main and right columns.

    I tried to change the padding of the ‘post’ page, as I want the words to budge out to the left and right a bit more. I know this would have a knock on effect to the margins. I’d like to know exactly what the widths are, so I can tweak them correctly. Ultimately I’d like to shrink the ‘right’ column a little bit, and increase the main columns width..and with less padding.

    The Woo Featured Post widget is proving to be annoying. Is there a better plugin that does a better job? I tried the YARPP plug in, but it stated I had a MYSQL error. Have you seen the Recent/Popular/Comments plugin box alot of bloggers seem to use?

    All the links on the right hand side and in the footer have these annoying link hover settings that I cant get rid of.

    – The justified headers, I cant seem to change them
    – The underline when I hover over the headers, I cant change that.
    – The same goes for the Recent Posts on the footer. The bold hover effect is irritating. Can I add ‘bullets’ or turn them into ?
    – From the homepage, the ‘more excerpt’ I include in the post edit works fine in the Featured Post. But from any other ‘pages’, the excerpt doesn’t work and it looks messy, and expands vertically.

    I hope you can help again Om, I’d just like to try and get some control of this great theme!

    Thanks,
    Stu

    Like

    • Hi Stuart,
      thanks for the coffee 🙂

      I will reply u back from home.. now leaving office..

      Regards
      Om

      Like

    • Hi Stuart,
      would u mind to try the following and let me know they works for you or not?

      *** To change your single post width, so that your post get extra space *****

      .single-post #main {
      width: 630px;
      }

      **** If you want to change your Bueno theme’s sidebar featured post’s justified headers ***

      #featured .right h4 a {
      text-align: left;
      }

      *** If you want to remove sidebar Featured posts hover underline ***

      #featured .right h4 a:hover {
      text-decoration: none;
      }

      *** To remove the bold hover effect from footer recent post ***
      #extended-footer .widget ul li a:hover {
      font-weight: normal;
      }

      *** To add bullet in the hover effect of footer recent post **
      #extended-footer .widget ul li:hover {
      list-style: disc;
      }

      🙂

      Pls let me know it works or not..

      Om

      Like

  114. No worries! Thanks for help!

    Another ‘little’ issue… on my blog, The main menu you can see… The ‘Destinations’ drop down option is a Category I’ve added. I don’t want to be able to navigate to that page, as nothing is there. I just want to be able to click on the sub-categories underneath it > South Asia > Nepal etc.

    Does this make sense?
    Here is an example of what I mean.. Check this webpage out, the ‘Destination’ menu.

    Thanks Om

    Like

  115. Perfect as per usual Om thanks! The css worked a treat!
    Slowly getting to blog perfection!

    My paypal payment has been ‘put on review’, but I think I’ve fixed it all now. Should come through soon!

    Can you help with this?

    – I’m trying to increase the TOTAL width of the theme, the ‘wrapper’ div if there is one. Increasing the left and right columns…and having control over the padding of all of it.

    – Can radius edges be put on the borders with CSS3?

    -Any idea about what I mentioned about the Categories? I tried a plugin that removes /category/ from links… like aminearlythereyet.com/category/whatever to aminearlythereyet.com/whatever which works well.

    But I want to the category non linkable. In my menu, I just want the child subcategories to be linkable, not the category they are in. Surely this is easily achievable, or do I need a super plugin to achieve it. It doesn’t seem like a complex thing to do. Any ideas?

    Thanks again Om, you’re the man!

    Like

  116. Hey man, Ive used probly 10 of your css codes today and I gotta say, you really are quite the wealth of information.

    I wanted to know, do you know of a way to add a form the the widget sidebar on the right where someone visitng the site cna enter their email address and have it notify me of an interested user? Also I am just using wordpress to host my site so I cant do much deep digging though code.

    thanks a million for the previous code.

    Like

  117. I left a comment around 10 minutes ago Om, did it come through?

    Like

  118. zip says:

    for the header.php
    <a href="/”><img src="/images/header.jpg” alt=”” width=”953″ height=”220″ />
    and the header-image is clickable.
    just replace the code of the logo, site-title

    Like

  119. zip says:

    for the header.php

    <a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt=""  width="953" height="220" /></a>

    and the header-image is clickable.
    just replace the code of the logo, site-title

    Like

  120. tatu16 says:

    How do I remove the date in the circle on the posts? I don’t want the date to show. thanks

    Like

  121. emily says:

    Hi Om

    I have just imported my Posterous blog into my wordpress site so I now have a specific blog section. Two questions

    1) http://www.fantoush.com/category/blog/ the comment text is almost unreadable – do you why this is and how to fix this?

    2) the comments are from the imported blog – I used some of your code to prevent comments as I wanted my website to look like a site and not a blog but now that I have imported the blog I want to enable comments for the blog part of the site only. Any ideas?

    As always thank you for such a brilliant site 🙂

    Emily

    Like

    • HI Emily..
      Good Morning..
      In your front page..the comments text is not readable.. pls try the following code (just paste it at the bottom of your style sheet)

      .post-meta li .body, .post-meta li .body a:link, .post-meta li .body a:visited {
      color: #7A7A7A;
      font-family: georgia;
      font-size: 13px;
      font-style: italic;
      text-decoration: none;
      }

      Pls let me know the code works for u or not.

      🙂

      Om

      Like

  122. Hi Om! I have to say, this is the most helpful thing I’ve ever seen about modifying my theme’s CSS. Wow! I was wondering if you know if it’s possible to move the page navigation menu bar under my header image? And also center the same page navigation menu. It looks rather strange above/off center! Thanks!

    Like

  123. Hello there!
    Thanks for this tutorial.
    I do have a question… My Bueno Appearance section does not have a ‘background’ option. Do I need to add that? Thanks!
    kirstin

    Like

  124. juxdapose says:

    hi, i’ve got a few questions that i cant seems to solve!

    1. how do i remove the pink line that appears every posts in the side bar under recent posts
    2. how do i remove the spacing in each posts so it appears as a whole instead?

    thank you very much

    Like

  125. juxdapose says:

    thank you so much!
    and also, how can i put a grey transparent box background for my sidebar because my widget title cant be seen

    Like

    • HI juxdapose

      Not sure..are u searching for this?

      #sidebar {
      background: none repeat scroll 0 0 lightgrey;
      overflow: hidden;
      padding-left: 11px;
      width: 300px;
      }

      Pls let me know..

      Om

      Like

  126. juxdapose says:

    hi om,

    thanks for your quick response. really appreciate it but its not what im looking for.
    i want my sidebar background to be transparent grey. like i can still see my background image as well. can that be done or i have to create an image?

    Like

    • HI juxdapose

      For transparent background without effecting the text..i think u can try this

      #sidebar {
      background-color: rgba(215, 197, 255, 0.5);
      color: black;
      overflow: hidden;
      padding-left: 9px;
      width: 300px;
      }

      Regards
      Om

      Like

  127. juxdapose says:

    thank you. and now my recent post text cant be seen. how am i able to change the color? thank youuuu very much!!!!!

    Like

  128. juxdapose says:

    yea i have and it works but is there a transparent greyish colour code instead? you r a genius.

    Like

    • HI juxdapose
      For greyish transparent background pls check this..and let me know this is the grey u wanted or not

      #sidebar {
      background-color: rgba(133, 119, 147, 0.5);
      color: black;
      overflow: hidden;
      padding-left: 9px;
      width: 300px;
      }

      Om

      Like

      • juxdapose says:

        hi, thank you om. but can you tell me
        1) how do i change the colour for the posts for twitter and recent posts. if u check my site out now, you will notice it cant be seen?
        2) if you notice under the recent posts, how can i get rid of the pink line?

        thank you.

        Like

      • HI juxdapose

        try the following code

        .widget ul li a:link, .widget ul li a:visited {

        border-bottom: 1px solid grey;
        }

        .widget ul li a:link, .widget ul li a:visited {
        color: white;

        }

        Om

        Like

  129. juxdapose says:

    thank you. your site really help me alot!

    Like

  130. Hi – great post. I was wondering if you could help I have Bueno 1.04 and I can’t seem to upgrade it to the latest version – do you know how to do it? Everytime I add the latest version downloaded off woothemes in WordPress it says there is no style.css.

    Any help would be grateful as I love the theme but want to be able to change the font etc which I can’t do on my version
    Thanks

    Like

  131. Amit says:

    hi..
    sir i am experiencing a problem with this theme..my website is http://www.techomnia.com
    in my navigation bar there is a tab of Homepage..when i click it, it goes to techomnia.com/homepage…but i want that it should redirect me to http://www.techomnia.com
    and not a page called ‘homepage’ as i dont have any post on techomnia.com/homepage….
    and also i dont have a ‘homepage’ named page in my pages..it has come up automatically.
    waiting for ur rply
    thanks!

    Like