Hi Caroline
I’ve been experimenting with my beautiful Buttercream theme to mimic https://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 https://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!
