badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Custom Post types

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #76226
    Steve Cook
    Participant

    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?

    #76317

    Hi 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!

    #76327
    Steve Cook
    Participant

    Thank 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

    #76445

    Hi @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

    #76449
    Steve Cook
    Participant

    You 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

    #76481

    Welcome 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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.