Skip to:
Content
Pages
Categories
Search
Top
Bottom

Editing Default Child theme – Formatting differences between browsers?


  • Slicklips
    Member

    @slicklips

    Hi there,

    Bit of a novice Buddypress user here hope this is in the right place.

    I’ve just set up a clean install of buddypress 1.5.4 on wamp server using the default theme and set up a child theme to edit. In the functions.php I wanted to change the header size so changed the file as follows.

    <?php
    define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘bp_dtheme_header_image_width’, 1250 ) );
    define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘bp_dtheme_header_image_height’, 300 ) );
    ?>

    then went to my child style.css and changed the header size there to 275. All good, the header changed correctly but left the navagation sitting pretty right in the middle of the header. To compensate I changed the margin on #nav from 40px to 204px,left the rest unchanged like this

    nav {
    margin: 204px 20px 0 0;
    list-style: none;
    padding: 0;
    position: relative;
    right: auto;
    bottom: 0;
    }

    and when previewing on in Chrome is fine sitting at the bottom of the header, in Firefox however its raised slightly by about two pixels, any idea what I’ve done wrong here or how to fix it?

    Many thanks,

Viewing 1 replies (of 1 total)

  • @mercime
    Keymaster

    @mercime

    Need to see it. In any case, use Firebug, a Firefox add-on, to identify which style should be changed and do some experimenting online too.

Viewing 1 replies (of 1 total)
  • The topic ‘Editing Default Child theme – Formatting differences between browsers?’ is closed to new replies.
Skip to toolbar