Using Child Theme

[Darrell Bibby]

Hello Bill,
Thanks for being so very response to answering questions. I am using the Bottega Theme. My client wants to make changes to the header so I decided it would be best to make the changes in a child theme. However, it seems like my child theme style sheet is not being read. Is there anything I should know about using a child theme with the Bottega theme?

My theme is setup as follows:
directory: bottega-child

style.css:
/*
Template: bottega
*/
@import url(“../bottega/style.css”);
#header
{
background-color: Red;
}

[Darrell Bibby]

Also, I did put in the theme name: Theme Name: Bottega Child theme

[Darrell Bibby]

Also,
Is there any easy way to center the menu in the header. I noticed the /* @group Superfish Drop Downs–do not edit */ line in the style sheet.

I’ve been making some changes but I seem to be going down a path to hell.

[Bill Robbins]

Darrell,

Great questions. The theme options page has a built in style editor for the header (and also the background). The only two items on the styling tab that aren’t optional are the header and backgrounds. Since they are output after the stylesheet is loaded, you’ll need to place your backgrounds there.

For the navigation menu, you can center those under the logo if you need to. This CSS snippet will center the logo with the navigation on a separate line below it also centered:

#header {
	height: auto;
}

#logo,
#text-logo {
	position: relative;
	left: auto;
	top: auto;
	text-align: center;
}

#navigation {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	margin-top: 0;
	position: relative;
	z-index: 20;
}

#navigation ul {
	float: none;
	text-align: center;
}

#navigation li {
	float: none;
	display: inline-block;
}

If you run into any questions, just let me know,
Bill

[Darrell Bibby]

Hello Bill,
Really, thanks for the code snippet. However, still have an question.

I assume this code goes in the
/* @group Header */ and /* @group Navigation */ sections?

To be sure, do I merge this code with what is there?

I tried several approaches and can only get the logo centered.

http://s323142218.onlinehome.us/Flyingsaucerpizza/

Also, to be clear, you are saying that I can’t use a Child Theme because of the way this theme works?

[Bill Robbins]

Darrell,

You’ll want to place the header snippet either at the bottom of your style.css file, in your child theme or in the “Custom CSS” box on the styling tab of the theme options page. Here’s how that changes the demo:

You can still use a child theme if you’d like to. You’ll just also need to set the header color/image in the theme options page.

If you have any trouble, let me know,
Bill

[Author]

Posts