Recipe box format

mynths · Member · Jan 27, 2016 at 10:05 am
Copy link

Add topic to favorites
Hello!

Is there any way I can change my recipe box code to make it look like this? With the prep time over and number under, instead of beside each other like on mine. I also like that the “save” and “print” shows below the picture.

And is there any settings I can use so I could get the same size of the recipe image each time?

The blog I need help with is: (visible only to logged in users)
stefmattana · Staff · Jan 27, 2016 at 3:21 pm
Copy link
Hello @mynths,

You can set the maximum size of all the images by going to Settings>Media.
Moreover, when you add an image on the body of the post, you can click on the pencil icon and define the size of the image by choosing from the dropdown menu. This way it should be easier to you to give all the photo a sort of consistency in size.

As for the recipe box edits, I’ve tagged the topic for our CSS experts. I think there’s something you can change by adding a couple of strings of code.
Hope somebody gets back to you soon for that :)
mynths · Member · Feb 4, 2016 at 8:57 pm
Copy link
Thank you! Hope someone will look at it
thesacredpath · Member · Feb 5, 2016 at 2:08 am
Copy link
Hi,

Is there any way I can change my recipe box code to make it look like this? With the prep time over and number under, instead of beside each other…

Due to the way the CSS and HTML are structured for the recipe box, there isn’t a way of putting the number underneath the prep time.

I also like that the “save” and “print” shows below the picture.

We can do this, but I’m going to offer a caveat: Depending on the text that ends up below the image on narrow screens (view one of your posts and narrow your browser window way down) things could go awry and there could possibly be some overlap between the save/print and your recipe text. I would actually suggest leaving it above the image where it was.
```
.jetpack-recipe-print {
    position: absolute;
    right: 0;
    top: 420px;
}
.jetpack-recipe {
    position: relative;
}
@media screen and (max-width: 979px) {
	.jetpack-recipe-print {
		top: 390px;
	}
}
@media screen and (max-width: 699px) {
	.jetpack-recipe-print {
		top: 480px;
	}
}
```
mynths · Member · Feb 5, 2016 at 5:43 pm
Copy link
Okay, but how does it work on the blog I sent you? :) Is she using something different than wordpress.com maybe? If not, there must be a way? :)

But thank you so much for the help anyway :)
thesacredpath · Member · Feb 5, 2016 at 9:40 pm
Copy link
I don’t see a link above to a blog, other than yours.
mynths · Member · Feb 6, 2016 at 4:09 pm
Copy link
I’m sorry, I thought I posted the link. Can’t find the blog now, but it was exaclty like this http://minimalistbaker.com/raw-double-chocolate-macaroons/
thesacredpath · Member · Feb 6, 2016 at 7:46 pm
Copy link
Thanks for the links. That is a self-hosted WordPress installation using the software from WordPress.org and they are using a plugin called Easy Recipe Plus, but we cannot use plugins here at WordPress.com.
mynths · Member · Feb 7, 2016 at 5:47 pm
Copy link
Okay thanks! Is it possible for me to switch to wordpress.org?
thesacredpath · Member · Feb 7, 2016 at 7:08 pm
Copy link
You are welcome, and yes. You can find out more about moving to a self-hosted WordPress installation here.

Self-hosting is much easier than it used to be, but it is much more hands on than here.
mynths · Member · Feb 9, 2016 at 10:38 am
Copy link
But are there forums like this where I can ask questions? I know nothing about CCS codes, and now that I’ve gotten so much help I feel like I have to do everything over again if I switch.

It’s just that I feel worpress.com is a bit restricted, and I can’t make my blog look how I want it to be. I would really like to be able to add a recipe box like this etc.
mynths · Member · Feb 9, 2016 at 10:39 am
Copy link
And what would be the price? Right now I have the one where I pay 99 dollars a year..
thesacredpath · Member · Feb 9, 2016 at 8:48 pm
Copy link
That all depends on the hosting plan you choose (storage space, etc.) and the web host. I would suggest checking some of the hosting plans out. I would expect, all things considered, that it is going to cost more than $99 per year to self-host a site.

You would have to buy the Curator theme from the theme designer directly since the version here cannot be downloaded or installed on a self-hosted site. Support for that theme would then be handled through the theme author. The theme author may, or may not, provide customization support.

There are volunteer-based forums for self-hosted WordPress sites at WordPress.org, but for customizations on a premium theme, such as Curator, if you can’t figure them out yourself, you might have to hire someone to help out.

No items found.