WordPress.org

1. dyb
   Member
   Posted 4 months ago #

   I would like to make the box around the blog title narrower, decreasing the space between the header image and the top of the page. The blog is dybechard.com. Thank you!

2. dkotter
   Member
   Posted 4 months ago #

   If I understand you correctly, to accomplish what you want, there's a couple changes you need to make in your CSS. One, change the top margin on the div with an ID of page. Found around line 74 in style.css, should look like this currently:

   #page {
      margin: 2em auto;
      max-width: 1000px;
   }

   Change that to this:

   #page {
      margin: 0 auto;
      max-width: 1000px;
   }

   Then around line 509 in styl.css, change the top padding on the h1 with an ID of site-title. Currently looks like this:

   #site-title {
      margin-right: 270px;
      padding: 3.65625em 0 0;
   }

   Change it to this:

   #site-title {
      margin-right: 270px;
      padding: 0 0 0;
   }

   You can adjust the margin and padding to be more then 0 if you want more space.

3. esmi
   Theme Diva & Forum Moderator
   Posted 4 months ago #

   Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

4. dyb
   Member
   Posted 4 months ago #

   Thank you so much, Dkotter. This worked really well and addressed my question perfectly. Very grateful!

5. dyb
   Member
   Posted 4 months ago #

   Dkotter. One follow-up question, though. Now that I've adjusted the box, the search box is too low and outside of the box. Can you direct me to the code to move that up a little? Thank you!

6. dyb
   Member
   Posted 4 months ago #

   Actually, I found it. I'm new to code, but I followed the logic of your post for changing the other elements, and it worked. Thanks so much for your help. This is finally starting to make sense.

Reply

You must log in to post.