WordPress.com

1. pixiwishes
   Member
   Sep 16, 2012, 5:57 AM

   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. pixiwishes
   Member
   Sep 16, 2012, 5:58 AM

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

3. pixiwishes
   Member
   Sep 16, 2012, 1:41 PM

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

4. houstonweaver
   Member
   Sep 16, 2012, 2:47 PM

   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. designsimply
   Happiness Engineer
   Sep 27, 2012, 2:45 PM

   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. designsimply
   Happiness Engineer
   Sep 27, 2012, 2:46 PM

   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. designsimply
   Happiness Engineer
   Sep 27, 2012, 3:04 PM

   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. brokeartist
   Member
   Oct 11, 2012, 2:26 AM

   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.