Need help? Check out our Support site, then

change the pink hyperlink color in Bueno

  1. I am a newbie! Which line and under which catagory to I change the color of the hyperlinks? And frankly, what do I write?

    The blog I need help with is

  2. Does this help ?
    Also note this > When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:

  3. It would be here. Just change the hex color code to your desired color.

    a:link, a:visited {
    color: #F3686D;
  4. @TSP
    G'morning :)

  5. GREAT @TSP, how about these pink lines I have under my widgets. How to I change that?

  6. Here are the lines.

    .widget ul li a:link, .widget ul li a:visited {
    border-bottom: 1px solid #FBDDDF;

    And in anticpation, here is the pink widget area at the bottom.

    #extended-footer {
    background-color: #FBDDDF;

    And the search box button.

    input.submit {
    background-color: #F3686D;
  7. and thank you @timethief i wish i knew that 4 hours ago

  8. thanks you @tsp, idk what to do with this knowledge

  9. The post date circle is a PNG image with a transparent background and is here.

    .post .date {
    background: url("default/date.png") no-repeat scroll left top transparent;

    It is a 70px x 70px image. You would make a new one, upload it to the media library, get the URL of it and then replace


    with the full URL of your new image.

  10. In the CSS tab of custom design, delete all the informational text in the text area and copy and paste the code I have given into the CSS edit window. Then edit the color codes as desired.

    And G'day TT!

  11. and the circle pink date and month on the left side?


  13. @TSP
    This is a sincere question. Why bother changing the color using CSS when one can choose another color scheme here > Theme Options

  14. mm the line code isn't working for me

  15. @TT, it depends on whether there is a color scheme that has colors you like or not I guess. It could be that they are not quite what you want, and if you have the CSS upgrade, you don't have to settle for the defaults.

    @mybheadsup, which "line" code are you talking about?

  16. Never mind, I see what you are talking about. There is another one you need to change.

    .widget h3 {
    border-bottom: 1px solid #FFFFFF;
  17. You are awesome ! and the best! Everything is perfect except the pink line under 'about'. Is there a way to even eliminate it? And this will hopefully be the last question :p

  18. i lied not the last question. So column margin is controls if the column goes up and down, right? So what do I need to control the column to get left to right?

  19. Two borders defined for the nav. Current/hover and non-hover.

    #pagenav a {
    border-bottom: 4px solid #FBDDDF;
    #pagenav li.current_page_item a, #pagenav li.current-menu-item a, #pagenav li a:hover {
        border-color: #F3686D;

    On your last question, could you explain that a little more. I'm not sure what you are wanting.

  20. thats question was concerning the positioning. So I researched and learned about ( for example: {postition; relative; top: 15px; left: -10px; } ) So I know how to move stuff around, like I did for the date, now I need the code to move the body of text few px up. You know?

  21. Ah, I see. The following will move the post body copy up. I just used 70px as a placeholder and you can change it as you see fit. I've targeted things a little as you will see below otherwise it will move the content up on regular pages (about) as well since they are all under the same selectors. Make sure and check all page types and such after adding the below to make sure I haven't missed something.

    .blog .entry, .archive .entry, .single .entry {
    margin-top: -70px;
  22. yea everything looks great! there are some minor pink showing like when you hover over a link, but I think it's okay. it was a great learning experience. Thank you very much.

  23. one technical question: is there a way to have the background stick to the foreground so when you min. or max. your computer screen the logo (for example) will never be covered? Do you get me? Have the design fit all computer screens no matter the size and have it on lock down?

  24. The only way to do that is to set a minimum left margin for the main content, and that effectively makes your site wider by whatever you set as a margin and with Bueno being about the maximum width one wants for a theme, that would mean some or all of your sidebar would not be visible for your visitors.

  25. Some of the pink (in the post metadata under the post) can easily be changed here:

    .post-meta li .body a:hover, .navigation a:hover {
    color: #F3686D;
  26. so you advise not the set a min. left margin because it'll make my sidebar invisible ?

  27. It effectively adds whatever the margin value is to the width of the theme. As an example if the width of the content area is 900px and you add 300px of left margin so the logo does not get hidden, then the effective width of your site is 1200px (900 + 300). If someone on a 1024 wide monitor comes to your site, 276px of the right side of your site is going to be hidden and they will have to scroll to the right to see what is in your sidebar.

    This is the problem with putting a logo into a background image and/or outside the main wrapper area.

    If you want to do it, we can though.

  28. haha I'm getting confused but everyone else seems to like it so we'll leave it as is. So a million more times I give out a grateful thanks for all your help!

  29. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic