Jump to content
Sign in to follow this  
renejdm

Preparation Steps below Ingredients

Recommended Posts

If you look at the screenshot you can see that the preparation steps look bad when beside ingredients. I want them to appear below ingredients. How do I do this? I would like any modifications to persist when the jreviews component gets updated.

 

See image.

post-19829-0-05519900-1501514106_thumb.png

Share this post


Link to post

I would also hide the field title since it's taking up a lot of space on the left side. You can do this in the field settings.

 

You can try the following CSS override to have the content appear in a single column:

.jrRecipe .jrCol6 {
   width: 100%;
   margin-left: 0;
}

In this example jrRecipe is based on our demo site recipe custom field named jr_recipe. If you have a different field name remove the underscope and capitalize the next letter so it has a similar format.

 

For CSS overrides that don't get lost on JReviews updates you can follow the instructions in the documentation to create a custom theme and add the custom_styles.css file there.

Share this post


Link to post

Hi Alejandro,

 

I am reading the css overrides docs... some of the English is confusing. For example, this..

 

"You only need to add one in this folder named custom_styles.css. In this files you will add the CSS class overrides instead of copying the entire contents of the core CSS files."

 

should read like this...

 

"You only need to add one file named 'custom_styles.css' in this folder.  In this file you will add the CSS class overrides instead of copying the entire contents of the core CSS files."

Share this post


Link to post
Sign in to follow this  

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Please refer to our Privacy Policy.