Accomodation type instead of featured image child pages

[Christine Ros]

Hello,

I purchase Oceanica for my pet hotel. I am very newbie with WP, as i used to make my websites with Dreamweaver… So, customisation is really hard for me in WP.

Well, I’d like to show accomodation type on the front page, instead of featured image’s child page. There are 4 : big dog, small dog, cat, other specie.

Is it possible ? How / where to ?

Thank you

[Steve]

Hi Christine,

Sorry for a late reply.
To disable child pages on the front page navigate to these pages, press Edit and select (no parent) in the Page Attributes box. Update pages to apply changes. Now you can edit your front page. Paste next shortcode in the page content. It will display all accommodations.
[mphb_rooms details=”false” gallery=”false”]

You can find all attributes of this and other shortcodes under Dashboard > Accommodations > Shortcodes.

Feel free to get back here or submit a ticket directly to our support team by this link https://support.motopress.com/hc/en-us/requests/new

[J. Davis]

Hi Christine,

Feel free to contact us in case you need assistance with styling accommodations into grid after you add the shortcode.

Best regards,
John

[Christine Ros]

Hello Steve,

Thank you, it works like a charm, now accommodations type are on the front page.

Hello John,

Yes, I’d like to set accommodations in a grid, there are 4 type, so probably a 50/50 column, also how to set order of show, actually cattery is the first, i want kennel to be.

Thanks.

[J. Davis]

Hi Christine,

Thank you for your reply. Please try to apply the styles below to Appearance>Customize>Additional CSS or style.css file of Child Theme:

@media (min-width: 1024px) {
.page-template-template-front-page .mphb_sc_rooms-wrapper.mphb-room-types .mphb-room-type{
	width:48%;
	display:inline-block;
	padding-top:0 !important;
	margin-top:2em !important;
	border:none !important;
	vertical-align:top;
	margin-right:2%;
} 
.page-template-template-front-page .mphb_sc_rooms-wrapper.mphb-room-types .mphb-room-type:nth-child(2n){
			margin-right:0;
	}
}

let me know if you have any further question e.g. font size, etc.

Note: this style will work for Front Page. Let me know if you want to apply it everywhere on your site.

best regards,
John

[Christine Ros]

Hello John,

This custom CSS doesn’t works, accommodation types are still one under other, not side by side. I have pasted it in oceanica-child’s CSS file and nothing change and then in Appearance>Customize>Additional CSS, no change too.

Christine

[J. Davis]

Hi

Could you specify the page template that is applied or your Home Page? Try to apply Front page Could you provide a link to your site

best regards,
John

[Christine Ros]

Hello John,

Page template is Frontpage. I can’t send yo the link, i am working on localhost, to make myself familiar with WP before publish the final website on my web host.

Kris

[J. Davis]

Hi Christine,

Thank you for your reply. That’s strange as we have tested style with fresh Oceanica installation at it worked. See screenshot:

Make sure you have copied the style properly. If it is not helpful please email us sending screenshots from back-end. probably we’ll see something what is missed there.

Best regards,
John

[Author]

Posts