ThemeShaper Forums » Thematic

[closed]

Widget within the "branding" <div>

(9 posts)
  • Started 7 years ago by bmiller84
  • Latest reply from bmiller84
  • This topic is not resolved
  1. bmiller84
    Member

    Hey guys! I am a noob to Extreme Wordpress Customization and a little lost at the moment. :)

    I was successful in adding a header widget to the Thematic Child Theme (using the following method: http://bit.ly/jU5fIO) this morning but have a small problem. I need the widget to fall within the BRANDING <div> and not solely the HEADER <div>. Is this possible? The BRANDING <div>'s background image must span the entire 940px and when I add the widget, it kicks it down into the content area. If I adjust the CSS to float the BRANDING <div> to the right, the image (and <div>) is off centered from the rest of the site. Any thoughts?

    My blog's url is: http://bit.ly/kciHnZ

    Thanks in advance for the help!

    Brad M.

    Posted 7 years ago #
  2. Maybe just a little CSS will help.

    #header-aside {
      position: absolute;
      right: 0;
      top: 0;
    }

    Looks like you may have figured out an alternative though (providing set widths), but often times I end up utilizing the headers relative positioning by absolute positioning its containing divs. ;)

    Posted 7 years ago #
  3. bmiller84
    Member

    Thanks for the reply, Scott. I had just got it to lay right and logged back in to close the post.

    Is the "position:absolute;" method more stable?

    Posted 7 years ago #
  4. If you are able to accomplish it with fixed widths, just keep it. I wouldn't look at it from the stance of stability, but more the "it just allows you to do other cool things".

    For example if you needed that #header-aside to be 100% width and at the very top, absolute positioning will allow you to do that. I just look at absolute positioning like "Velcro", you can "stick" things places instead of floating them.

    Posted 7 years ago #
  5. bmiller84
    Member

    Thanks for the explanation!

    Posted 7 years ago #
  6. bmiller84
    Member

    One last question. I have styled the <header> the way I need it to look and now the <main> div is farther down the page than it should. I can't find an obvious reason in the CSS that would cause this to take place. (I have been staring at it for 10 hours now, so it is probably right in front of my face.) Any ideas right off? Thanks!

    Site: http://bit.ly/kciHnZ

    Posted 7 years ago #
  7. There is a 520px height on the #branding div.

    #branding {
        height: 520px;
        margin: 0 auto;
        width: 960px;
    }

    It is located in the 2c-r-fixed.css file.

    Posted 7 years ago #
  8. If it is still too much, there is padding on the bottom of 44px in your style.css.

    Posted 7 years ago #
  9. bmiller84
    Member

    Scott, you are awesome man! Thanks again for all of your help!

    Posted 7 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.