s b

I created a sidebar in the same theme (Buttercream). Took me aaages as I’m a coding newb and from look of other posts here I didn’t do it in the best way but happy to share what I did if it helps.

I created a functions.php file in child, ran a ‘remove’ function to deactivate the whole buttercream_widgets_init() parent function (which registers the footer sidebar/widgets), then replaced that function with my own.

This was basically a cut/paste of buttercream_widgets_init() except you have to give it a different name or it causes issues (eg buttercream_child_widgets_init() or whatever). In that function I just added a fourth register_sidebar, copying the code from the others and calling this one right-sidebar.

Then I copied each file I wanted right-sidebar in into my child theme, keeping same name as parent(eg, single.php, page.php etc) and added a call(? sorry if my terminology’s all wrong!) to the new right-sidebar into each one, by adding the below code under get_header, after #primary .site-content section:

<div id="sidebar-right" class="widget-area" role="complementary">
	<?php do_action( 'before_sidebar' ); ?>
	<?php if ( ! dynamic_sidebar( __( 'Right Sidebar' , 'buttercream' ) ) ) : ?>
	<?php endif; // end sidebar widget area ?>
</div>

(Reading above posts, sounds like footer.php would have been a better place for this – I should prob look into that! My way works but means I’ve replaced a fair few parent files, meaning I’ll miss out on parent theme updates affecting those files).

Finally I styled the CSS in my child style file. I used firebug to peek at the way other sites did this, as I was new to css too. I’ve also become a fan of http://www.w3schools.com, for html and css basics.

I did all this a while ago so hopefully I’ve remembered it correctly. It’s working for me, though when I upgraded to latest version of buttercream my mods disappeared so I had to revert to old version. I’ll chase this up in a separate thread but it’s something to bear in mind when reading my post I guess!

HTH!

Hi Caroline

I’ve been experimenting with my beautiful Buttercream theme to mimic http://www.epicuriously.com.au customisation, as this was what I was after too. I am a TOTAL novice (never coded before in my life) but have managed to get it working I think – subject to a couple of quick questions. (Sorry explanations make this a bit of a long message but qu’s are quite short).

My site is http://www.deliciouslyfictitious.com

Using Firebug I extracted what I THINK were epicuriously’s custom child theme style sheets (style.css, media.css and cupcake.css). I created my own child theme buttercream-df and saved these child style sheets in there. I also created a child functions.php and a few other files to get right-sidebar working etc.

My qu’s are:

1) When I did all this my navbar (custom menu) came up at the top of the page instead of the default bottom which I wanted. Great. But it was not going all the way across the screen. Instead, (regardless of screen size), it was lining up with where posts started on the page. I fixed this by adding a new “left” property to .navbar in my child style.css so it now reads:

.navbar {
    border-bottom: 2px solid #422619;
    border-top: 0 none;
left: 0;
}

This “left” property wasn’t in the epicuriously code (that I could see) so my qu is have I done this fix correctly or should I do something else to solve problem of navbar not going all the way across?

2) What’s the best way for me to call on child style sheets other than the child style.css in my child theme? To get my child theme to recognise the child media.css and cupcake.css files I’ve currently used @import for the child media.css file, so the top of my child style.css reads:

@import url("../buttercream/style.css");

/*Importing media.css child edits --------------------
*/
@import url("../buttercream-df/layouts/media.css");

This seems to have worked (I think!?) but @import did nothing when I tried it for the child cupcake.css. I have had to cut and paste that cupcake code into my child style.css directly instead.

If there is a better way (<link rel="stylesheet"...> perhaps??) where do I put this code? I couldn’t see any of these links anywhere in the parent buttercream theme php files (except the conditional ie.css stuff) so wasn’t sure if this was the way to go.

Any help greatly appreciated and really can’t thank you enough for this theme. I’ve been looking for one as nice as this a long time!

Hi Caroline, I’ve used your suggested hack above to upload my own custom header image and want to update it for the responsive version too as you suggest. How do i do this? Couldn’t see any folder in FTP client for responsive version image – maybe I’m lookinh in wrong place, or am I supposed to type something into the ‘custom CSS’ field in Theme Options? Thanks!