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

  • Author
    Posts
  • #1014411

    pixiwishes
    Member

    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.

    #1014459

    pixiwishes
    Member

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

    #1014463

    pixiwishes
    Member

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

    #1014467

    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.

    #1014514

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

    #1014515

    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;
    }
    #1014516

    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.

    #1014518

    brokeartist
    Member

    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.

The topic ‘Removing image and banner borders in the Bueno theme & Page heading titles’ is closed to new replies.