WP Recipe Maker - How to change heading sizes

[vancouverwithlove]

Hi there,

I’m using WP Recipe Maker but have noticed that whatever changes I make in the plug-in template, they’re not reflected in the recipe card in Cornerstone. Specifically, I’ve been trying to change H5 & H6 font sizes as they’re tiny in the recipe, but cannot see where to do this. I’m able to set the sizes in the plug-in, but it doesn’t make any difference in Cornerstone. Does Cornerstone just override whatever you change in the plug-in?

Also, can you explain how to ‘un-bold’ heading text in the recipe card as well please?

Thank you!

[jade]

Hi there,

Thanks for writing in.

I tried checking the site that is in your licenses page but I can’t seem to find the pages that you are describing.

Would you mind posting the direct link to a page in question so that we can check it?

Thank you.

[vancouverwithlove]

Hi Jade,

I haven’t actually published the post yet as it looks so bad with the template the way it is! Is there any other way I can show you this?

[ruenel]

Hello @vancouverwithlove,

​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation.

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
​
Thank you.

[vancouverwithlove]

Hi there,

I’ve sent this info in a secure note above.

Thank you!

[paul.r]

Hi,

You can change the heading font size, by adding the code below in Theme Options > CSS

body .wprm-recipe-template-lizi-main h5 {
    font-size: 1em;
}
body .wprm-recipe-template-lizi-main h6 {
    font-size: 1em;
}

Change 1em to adjust.

Hope that helps

[vancouverwithlove]

Hi Paul.

Thanks so much for your help. Unfortunately that hasn’t changed the template font sizes at all. Is there somewhere specific in the CSS that I should be pasting this? (I just pasted it at the bottom).

Thanks,

[vancouverwithlove]

I’d be happy to change the H5 and H6 font sizes for my whole website (as I don’t think I have used them anywhere else) - is there anywhere else in Theme X that I can adjust Heading font sizes?

Thanks.

[nabeel]

Hi again,

If you want to change the H5 and H6 font-size globally then you can add the following code in the Theme Options > CSS:

h5,
.h5 {
    font-size: 1.5rem !important;
}

h6,
.h6 {
    font-size: 1rem !important;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Hope this helps!

[vancouverwithlove]

Thanks for your help! I think I’ve sorted the problem now.

[christian]

You’re welcome. Glad we’re able to help.