WordPress.org

Ready to get started?Download WordPress

Forums

Bouquet
relocate header and remove searchbar (22 posts)

  1. freedivingbocas
    Member
    Posted 10 months ago #

    ok i hope im not dubbel posting but the other thread is locked now.

    I have after some hours of reading in forums managed to get a like box in my header by putting
    " <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFreedivingBocas&width=292&height=62&colorscheme=light&show_faces=false&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>" in my header.php file.
    now the problem is that i would like to move it to the right lower part of where the logo is, above the sidebar to the right.
    How can i do that?

    its for the page http://www.freedivingbocas.com

    i would also like to completly remove the search bar over the sidebar where the picture is to the right. i think i already put display none where i found info about search bar in the style.css. what am i doing wrong?

    i am using the bouquete theme
    thank you sooo much in advance

  2. freedivingbocas
    Member
    Posted 10 months ago #

    ok i managed to take away the searchbar altought in the sidebar.php file and not in child. should i make a child file for the sidebar and make the change there?

  3. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    You don't have a child theme activated on your site - so you will lose any changes you've made to theme files when it's updated.

    You should go back and make a child theme and move all of your changes to the child theme, yes.

    http://codex.wordpress.org/Child_Themes

  4. freedivingbocas
    Member
    Posted 10 months ago #

    aaa thanks now i think i activated it, but should i make a file called header in the child folder aswell?

    so now what im still struggeling with is to move the facebook box to the right side and if its possible take it down to the hight of where the header image is, but on the right side.
    can i do that and if so how?

  5. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Yes, it's working now - good job! So your changes should be made in a copy of the header.php file in the child theme, yes. Reinstall the parent theme after you get your changes moved - so that you know you have a clean unmodified copy of the parent theme. Looks like whatever you've changed in the header.php file has created some errors so you need to fix those -

    http://validator.w3.org/check?uri=http%3A%2F%2Ffreedivingbocas.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

  6. freedivingbocas
    Member
    Posted 10 months ago #

    so i made a header child file and a sidebar child file and then reinstalled the theme. and after that the changes made in the child files arent working, the searchbar came back and the fb box disapeared. do i also somehow need to activate these child files aswell or where did i screw up now?

  7. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    You need to activate the child theme - right now there is not a child theme active on your site and make your changes in the copies of the files that are in the child theme folder.

    Also, you may need to redo some or all theme settings/options in the child theme - they are not carried over to a child theme.

    Make sure you clear any caching on your site/browser after making changes.

  8. freedivingbocas
    Member
    Posted 10 months ago #

    a thanks for telling me that didnt understod that they got desactivated when i reinstalled, now its activated again. and im back with my 37 errors 3 warnings and the facebook box still in the wrong place.
    how can i fix the errors without taking away the fb box?

  9. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    If you post the header.php file (be sure to use the code button when posting code here - see http://codex.wordpress.org/Forum_Welcome#Posting_Code), someone can help you correct where you put it, and also with the CSS you'll need to add.

  10. freedivingbocas
    Member
    Posted 10 months ago #

    ok thanks so what i put in my child header to get the facebook box was this code:

    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFreedivingBocas&width=292&height=62&colorscheme=light&show_faces=false&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>
    
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

    And my main problem is still that the fb box appears in the left top corner of my header when i would like to move it to the right lower part of the header, anyone that might know how to do that?

    WPyogi: do you know how to get rid of any of the errors aswell?

  11. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Move that iframe piece of code below this line:

    <div id="page" class="hfeed">

    Anything you want to appear on a webpage has to go inside the <body> tags.

    Did you make other changes to the header.php file? Looks like the OpenGraph tags are creating a major error.

  12. freedivingbocas
    Member
    Posted 10 months ago #

    woho! great that got us down to only 9 errors and 1 warning.

    no i didnt make any other changes in the header and i deactivated the opengraph since im not using it anyway.

    are the rest of the errors and warnings important?

    also i still would looove to try to move the facebook box. sorry for nagging about it but it doesnt fit in where it is located right now.

  13. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Those errors aren't a big problem. I actually should have re-read your OP before posting the above about where to put that code - can you clarify where you want it?

  14. freedivingbocas
    Member
    Posted 10 months ago #

    ok perfect

    so i realise my limitaciones in trying to explain how i want it so i made you a picture instead:
    this is how it looks right now with the facebook box: http://freedivingbocas.com/wp-content/uploads/2013/09/actualwp.jpg

    and this picture explaines where i would like it to be located instead:
    http://freedivingbocas.com/wp-content/uploads/2013/09/1wanted.jpg

  15. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Oops, now your site has an error message -

    Fatal error: Cannot redeclare bouquet_content_width() (previously declared in /home/content/57/11553357/html/wp-content/themes/bouquet-child/functions.php:13) in /home/content/57/11553357/html/wp-content/themes/bouquet/functions.php on line 20

    Don't copy the functions file to a child theme :)!

    http://codex.wordpress.org/Child_Themes#Using_functions.php

  16. freedivingbocas
    Member
    Posted 10 months ago #

    ok fixed, i discovered a theme error in the dashboard and thought i managed to solve it myself coping everything to the child folder but looks like i copied too much.

  17. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    But I looked at the header.php file for Bouquet and I think this is where you need to put that (find the top and bottom lines of code I posted below in the header.php file) - add the div tags around the iframe code too - that makes it easier to add CSS to position it - we can do that after you get it moved (and fix the error on the site) -

    </hgroup>
    
         <div id="header-fb>
    
          PUT THE iframe CODE IN HERE
    
           </div>
    
    </header><!-- #branding -->

    Then you can add this to the new style.css file in the child theme:

    #header-fb {
         float: right;
    }

    We'll likely need to still fuss with that CSS to make it look right but that's a start.

  18. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    coping everything to the child folder but looks like i copied too much.

    The child theme should ONLY have files you are making changes to - but NOT the functions.php file and the style.css file should contain ONLY changes - not a copy of the parent style.css file.

  19. freedivingbocas
    Member
    Posted 10 months ago #

    ok one thing at a time. i tryed to add the code to the header where you said and the box disapeared even before trying to locate it in the syle.css

  20. freedivingbocas
    Member
    Posted 10 months ago #

    and about the errors so i now deleted all the files in the child folder except the style, header and sidebar so the error msg "ERROR: The themes directory is either empty or doesn’t exist. Please check your installation." came back to my dashboard and im out of ideas how to fix that
    should i maybe start a new thread about this instead?

  21. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Where is that message. Have you cleared your browser cache?

    What did you change in the sidebar file?

  22. freedivingbocas
    Member
    Posted 10 months ago #

    i just removed the ` <div id="search-area">
    <?php get_search_form(); ?>
    </div>` from the sidebar

Reply

You must log in to post.

About this Theme

About this Topic