Need help? Check out our Support site, then


Removing image and banner borders in the Bueno theme & Page heading titles

  1. I have a few questions regarding customising my blog. I use the Bueno theme.
    It's for my blog: http://pixiwishesforeheadkisses.wordpress.com/

    1. How can I remove the border around the banner image?
    2. How can I remove the (pink) borders that automatically form around the images I upload?
    3. How can I remove the titles on the pages without getting rid of the navigation bar. Example: The Word "Recipes" on this page: http://pixiwishesforeheadkisses.wordpress.com/my-recipes/

    Thank you.

    The blog I need help with is pixiwishesforeheadkisses.wordpress.com.

  2. Also how can I add a link to my homepage to my banner image?

  3. I figured out number 1 so please disregard that one :)

  4. I think on number 3 you can add this to your CSS (but I am not at a computer where I can check it)

    .title {display:none;}
    (this will move other elements up into the space }

    .title {visibility:hidden;}
    (this just hides it but it continues to take up space)

    Caveat: these will hide the title element wherever it may occur, so be alert to that potential ramification.

  5. 1. How can I remove the border around the banner image?

    #header-image img {
    	border: none;
    }

    (I'm posting this one to try to make sure all the questions in the forum have answers posted as well.)

  6. 2. How can I remove the (pink) borders that automatically form around the images I upload?

    To remove borders from images in post and page content areas:

    .entry img {
    	border: none;
    }
  7. Also how can I add a link to my homepage to my banner image?

    You cannot add a link using CSS only, but you can repurpose a link from somewhere else and lay it over the top of the header image. For example, here is an example that takes the home tab from the top menu and uses it for the header image link instead:

    #pagenav ul .b a {
    	border-bottom: none;
    	margin: 0;
    	padding: 0;
    	display: block;
    	position: absolute;
    	left: 0;
    	top: 85px;
    	width: 930px;
    	height: 198px;
    	text-indent: -9999px;
    }

    * This example is specific to your current blog setup, a change in the menu or another setting or using a different nav element for the link would require some adjustments. This should give you a good starting point and you can fidget with the code until it works how you want.

  8. I'm having the same problem with the pink frames around images.

    I understand that code is supposed to go somewhere, but where?

    here's the page I'm having a problem with: http://brokeartist.wordpress.com/wp-admin/post.php?post=1016&action=edit&message=1

    There is a pink frame around the tent symbol and I really don't want it there.

Topic Closed

This topic has been closed to new replies.

About this Topic