How Can I Remove This?

9 replies
  • WEB DESIGN
  • |
Spring And Kids

In the sidebar, I want to remove that searchbox and rss image. I've tried so many different things but every time I remove something, it changes the whole page. I can't seem to figure it out.

I'm no expert at this, but I can usually remove stuff without having this much trouble! Thank you...I'm hoping somebody can figure this out.

<div class="sidebar-box-search-feed">
<h3 class="first">Welcome!</h3>
<div id="sidebar-search">

<form method="get" id="search-form" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="sb" />
<input type="submit" id="searchsubmitb" value="" />
</form>
</div>
<div id="sidebar-feed">
<a href="<?php bloginfo('rss_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/blank.gif" alt="RSS Feed" width="240" height="70" /></a>
</div>
#remove
  • Profile picture of the author KathyK
    Your problem is in the CSS - the sidebar-search and sidebar-feed have an absolute postition and size and etc.
    Could you put something else in there? Leave the Welcome - and maybe a little bit about the site or something? One paragraph where the form is and maybe a sentence or two where the feed is?

    I hate absolute positioning....your other option is to reposition everything.

    (You are also missing a closing </div> for the <div class="sidebar-box-search-feed"> in your cut/paste - that might make a difference.)
    Signature

    Cheers,
    Kathy

    {{ DiscussionBoard.errors[348139].message }}
  • Profile picture of the author awesometbn
    This looks like one of the free Wordpress templates. Be aware that sometimes you'll find a nice block of encrypted code in the template somewhere that auto-rotates advertising, or does some type of phone home to report on the behavior of your server and the people visiting your site.

    What happens when you use the Wordpress admin menu under theme design, called widgets? Are you able to add or edit or remove the widget called Welcome? That would be a better method than manually editing the html code, or the sidebar page. Let us know what happens. Thanks.
    {{ DiscussionBoard.errors[348387].message }}
  • Profile picture of the author Joanne Greco
    Thank you both for answering me! I'm about ready to bang my head against the computer.

    Could you put something else in there? Leave the Welcome - and maybe a little bit about the site or something? One paragraph where the form is and maybe a sentence or two where the feed is?
    Yes, I would like to replace the search and rss with something else. Like you said, a little something about the site. I wrote "Welcome" in myself. It used to say "Search". Problem is, I don't know what to remove. I've tried removing certain parts of it, but it screws up the rest of the site (that's where the head banging part comes in-lol)

    (You are also missing a closing </div> for the <div class="sidebar-box-search-feed"> in your cut/paste - that might make a difference.)
    Can you please tell me where to add it?

    What happens when you use the Wordpress admin menu under theme design, called widgets? Are you able to add or edit or remove the widget called Welcome? That would be a better method than manually editing the html code, or the sidebar page. Let us know what happens. Thanks.
    Recent Posts, Tags and Topics are widgets. Everything else is written into the html. I wish it were all widgets because I wouldn't be having this much trouble trying to figure it out.
    {{ DiscussionBoard.errors[348702].message }}
    • Profile picture of the author Dave Dougherty
      The simple answer is you cannot remove it, as it is one big image.

      h**p://springandkids.com/wp-content/themes/scribbled-10/images/sidebar_search_feed.png

      You would have to create a new image the same size, and then edit the css file

      Hope this helps

      regards
      Dave...
      {{ DiscussionBoard.errors[351380].message }}
  • Profile picture of the author Darren Mothersele
    if the code you quoted is the bit you are removing then you need to remove another </div>

    The number of <div id=""> should match the number of closing tags, i.e. </div>

    In the sample you quoted there was no </div> at the end to match the initial <div class="sidebar-box-search-feed">

    does that make sense?
    {{ DiscussionBoard.errors[351582].message }}
    • Profile picture of the author Joanne Greco
      does that make sense?
      I wish it did. LOL

      So if I add the clsoing </div> tag, would that help me remove that section? All I want is to remove that first section where the search and rss is.

      I thank all of you for trying to help, but since it can't be removed I guess I'll just go and find another theme.
      {{ DiscussionBoard.errors[351775].message }}
  • Profile picture of the author Darren Mothersele
    You posted this code:

    Code:
    1. <div class="sidebar-box-search-feed">
    2. <h3 class="first">Welcome!</h3>
    3. <div id="sidebar-search">
    4. <form method="get" id="search-form" action="<?php bloginfo('url'); ?>/">
    5. <input type="text" value="<?php the_search_query(); ?>" name="s" id="sb" />
    6. <input type="submit" id="searchsubmitb" value="" />
    7. </form>
    8. </div>
    9. <div id="sidebar-feed">
    10. <a href="<?php bloginfo('rss_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/blank.gif" alt="RSS Feed" width="240" height="70" /></a>
    11. </div>
    line 3 <div id="sidebar-search"> has a matching </div> on line 8
    line 9 <div id="sidebar-feed"> has a matching </div> on line 11

    the first <div> on line 1 <div class="sidebar-box-search-feed"> does not have a matching </div>. It's probably on line 12.

    Your template is made up of a complex set of nested divs. A div is this <div id=""> ... </div>

    Divs are usually nested.

    If you remove a starting <div> without removing the corresponding end </div> then the page is going to be all out of alignment because the nesting of the divs will be confused.
    {{ DiscussionBoard.errors[351901].message }}
    • Profile picture of the author Dave Dougherty
      If you just want to remove the search Box and image then your code would look like this.
      <!-- Sidebar -->
      <div id="sidebar">
      <!--<div class="sidebar-box-search-feed"></div>-->
      <!--<h3 class="first"></h3>-->
      <!--<div id="sidebar-search"></div>-->

      You can uncomment the <H3> tag if you want to push the sidebar down.
      The best way would be to make a new background image for the sidebar-box-search-feed class, and edit the css file..
      {{ DiscussionBoard.errors[352850].message }}
  • Profile picture of the author KathyK
    Code:
    <div class="sidebar-box-search-feed">
    <h3 class="first">Welcome!</h3>
    <div id="sidebar-search">
    
    <form method="get" id="search-form" action="<?php bloginfo('url'); ?>/">
    <input type="text" value="<?php the_search_query(); ?>" name="s" id="sb" />
    <input type="submit" id="searchsubmitb" value="" />
    </form>
    </div>
    <div id="sidebar-feed">
    <a href="<?php bloginfo('rss_url'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/blank.gif" alt="RSS Feed" width="240" height="70" /></a>
    </div>
    </div>   (this ending div  should be below the code you cut/pasted)
    Ok - to just put something else in there.... and leave the box there

    Code:
    <div class="sidebar-box-search-feed">
    <h3 class="first">Welcome!</h3>
    <div id="sidebar-search">
    This is the search area. Remove everything from <form> to </form> and put 
    something else there that's about the same size.
    </div>
    <div id="sidebar-feed">
    This is the feed area. 
    Remove everything from <a href   to </a> and put something else in there.  
    </div>
    </div>   (this ending div  should be below the code you cut/pasted)
    Hope that helps some?
    Signature

    Cheers,
    Kathy

    {{ DiscussionBoard.errors[353001].message }}

Trending Topics