Tagged: bootstrap, custom-post-type
- This topic has 5 replies, 3 voices, and was last updated 4 years, 7 months ago by Theme Horse Support Team.
-
AuthorPosts
-
March 28, 2020 at 2:44 pm #76226Steve CookParticipant
I created a custom post type and for some reason it’s not using any of the bootstrap styling. Any advice on how to get that to happen?
April 1, 2020 at 3:09 pm #76317Theme Horse Support TeamKeymasterHi Steve,
Can you please share us the exact custom post type page Url? So that we can see it and find out the problem that you are facing.
Thank you!
April 4, 2020 at 6:05 pm #76327Steve CookParticipantThank you for your reply. I’ve spent many hours trying to figure this out.
The first URL is a recipe created with a regular post. You can see the white background around the recipe:
https://www.tuttofoodservice.com/crab-caramelized-onion-pizza/The second URL is a recipe created with a custom Post type. You can see that there is no white background around the recipe:
https://www.tuttofoodservice.com/recipes/herb-grilled-steak-with-stuffed-mushroom/The third URL is the page that shows all recipes. You can see that the first recipe listed (the one created with the custom post type) is not displaying like the other two that was created with the regular post.
https://www.tuttofoodservice.com/category/recipes-1/I appreciate any help you can give.
Sincerely,
Steve Cook
April 5, 2020 at 11:42 am #76445Theme Horse Support TeamKeymasterHi @steve-cook,
To style the custom posts as the default post then please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.
.recipes { background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding: 25px; } .post-col .recipes { padding: 15px 15px 7px; margin-bottom: 14px; min-height: calc(100% - 14px); } .recipes .post-featured-image .entry-meta.category-meta { position: absolute; bottom: 0; left: 15px; right: 15px; margin-bottom: 10px; } .post-col .recipes .entry-content p { margin-bottom: 10px; } @media (max-width: 767px) { .recipes { padding: 15px; } }
Please let us know if you have any queries regarding the theme.
Thanks
April 5, 2020 at 4:57 pm #76449Steve CookParticipantYou folks are awesome!! I can’t thank you enough.. I will highly recommend your themes because of the great support you offer.
Sincerely,
Steve Cook
April 6, 2020 at 8:22 am #76481Theme Horse Support TeamKeymasterWelcome anytime @steve-cook
Could you also please help us rating this theme in WordPress Repository here.
We really appreciate your rating.Thank you for using our theme.
-
AuthorPosts
- You must be logged in to reply to this topic.