WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Positioning header & body of site without affecting dashboard (7 posts)

  1. chltx
    Member
    Posted 5 months ago #

    I am using Raindrops theme, but I think this question is not completely theme-specific. Raindrops was requested by the customer, and I have discovered that I really like it -- mostly. But I have a problem with positioning.

    The customer did not want the site description above the header, or the menu bar. I removed the site description and menu bar with the following CSS (it's possible this was overkill, but it accomplished the removal):

    .menu {
      display:none;
    }
    
    .entry-title{
      display:none;
    }
    
    #site-title{
      display:none;
    }
    
    #site-description {
      display:none;
    }

    However, when I did this, there was a large gap above and below the header, to which my customer objected. So I added the following CSS for that:

    #header-image{
    	position:relative;
    	top:+21px;
    	overflow:hidden;
    }
    
    body{
      	position:relative;
    	top:-100px;
    }
    
    .lsidebar{
      background:#cccbcb;
      margin:0;
    }
    .rsidebar{
      margin:0;
      position:relative;
      left:4px;
    }

    That added CSS accomplished the repositioning requested by the customer, but now the dashboard is messed up (including the mouse cursor position). I conclude that this repositioning affected more than I intended.

    Can somebody provide a more elegant and consistent way of handling this without screwing up the dashboard display? The site is http://nichefind.com, although I plan to migrate it to the customer's domain as soon as I can make it all play together well enough.

  2. Andrew
    Forum Moderator
    Posted 5 months ago #

    To clarify, the dashboard is the "/wp-admin/" side of the website?

  3. chltx
    Member
    Posted 5 months ago #

    Correct. Specifically, when I'm logged into the admin account, some (but not all!) of the body areas in the admin section (what I referred to as the dashboard -- is that the correct term?) are shifted up, and when I click on the left mouse button, the text cursor is place about 100px higher than the current mouse cursor position.

  4. Andrew
    Forum Moderator
    Posted 5 months ago #

    Sorry we can't have 2 threads on the same thing, which thread do you want to continue?

  5. chltx
    Member
    Posted 5 months ago #

    This one, I think. I guess you are referring to the thread on the Raindrops area as the other thread. I got no response to that one, so I assumed it was only monitored by folks from Raindrop. I posted it here because I don't think it is theme-specific.

  6. Andrew
    Forum Moderator
    Posted 5 months ago #

    Ok. So, it's odd that your CSS customisations are affecting the dashboard. Can you try deactivating all plugins to explore whether any could be responsible? If none are, while they're all deactivated, can you also activate the default theme (Twenty Thirteen/ Fourteen)?

  7. chltx
    Member
    Posted 5 months ago #

    I deactivated the Custom CSS Manager Plugin, and the dashboard problems were fixed. Of course, all of the customizations were gone, too.

    So, I added all of the customizations to the end of the style.css, and got all of the desired customizations back, this time without the dashboard effects.

    Looks like you nailed it. I guess that instead of using the Custom CSS Manager plugin, I just need to make a child theme.

    Thanks!

Reply

You must log in to post.

About this Topic