Positioning header & body of site without affecting dashboard

  • 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 https://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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Howard Harkness

    (@chltx)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Howard Harkness

    (@chltx)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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)?

    Thread Starter Howard Harkness

    (@chltx)

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Positioning header & body of site without affecting dashboard’ is closed to new replies.