[jsilver]

I just upgraded Simple Catch Pro from version 2.x to 3.9.2.

In the previous version, I had the header image positioned behind (as a background to) the logo and header right sidebar.

With the upgrade, the settings for the header image and logo were removed, and the header sidebar was moved to the footer. After resetting these, I can’t figure out how to get the header image to position as the background to the other header elements.

The site is arokismusic.org.

There is some existing custom CSS that carried over from the previous version of the theme. It’s possible that it needs to be updated for the updated theme.

[tikaram]

@jsilver : Go to Appearance => Customize => Additional css

Replace the following css

#branding{
background: url(/wp-content/uploads/2013/08/arokis-bkgd-purple-III-merged.png)
  left top repeat-x;
border: none;
border-bottom: 1px solid #dfdfdf;
}

with

#masthead{
background: url(/wp-content/uploads/2013/08/arokis-bkgd-purple-III-merged.png)
  left top repeat-x;
border: none;
border-bottom: 1px solid #dfdfdf;
}

Let me know if this resolves your issue.

Regards,
Tikaram

[jsilver]

It’s very close. I’d like the logo and sidebar centered vertically over the header image, and no gap between the bottom of the header image and the menu. If the logo/sidebar can’t be positioned relative to the header image, then just raise them up so they are approximately centered.

Quick response – thanks!!

[tikaram]

@jsilver : Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 990px) {
#sidebar-top {
	margin-right: 200px;
}
#header-content{
	margin:0;
}
#masthead .site-branding {
	margin-left: 100px;
}
}

Regards,
Tikaram

[jsilver]

Perfect! Thank you so much. Great support, as always.

[Author]

Posts