[kenbong]

Hello there!

Is there any way that I could do the following please?

1. Turn trip enquiry into a proper button

and

2. Include a fixed pre-defined text (i.e. phone number or email address) under the “Locations” box?

this is my URL : http://www.marinediscoveryholidays.com/itinerary/trip-ke-eropah/

I look forward to your advise

Thanks!
Ken

[Support Team]

Hello @kebong,

Please find the answer to your query below in points:

1. Turn trip enquiry into a proper button

Response: To Turn the Trip enquiry link into the button you need add the below given CSS in your child theme style.css .

For this you need to create the child theme and to know how to create the child theme please refer to below given link:

http://wptravel.io/how-to-create-a-child-theme/

After creating the child theme in your child theme functions.php add below given CSS.

.wp-travel-send-enquiries {
	
    background: #f83531;
    color: #ffffff!important;
    padding: 5px 50px;
    font-size: 24px;
    box-shadow: none;
    margin-right: 15px;

}

.wp-travel-booking-enquiry:hover{
	color: #ffffff;
}

2. Include a fixed pre-defined text (i.e. phone number or email address) under the “Locations” box?

Response: If you want to display the same phone number and Email addrss for all the trip then you can do so by adding below given code in your child themes functions.php file.

function wp_travel_custom_single_after_trip_info_metas() {

		?>

			<li>
	  	 		<div class="travel-info">
					<strong class="title">Phone</strong>
				</div>
				<div class="travel-info">
					<span class="value">
						54654658465
					</span>
				</div>
	  	 	</li>

	  	 	<li>
	  	 		<div class="travel-info">
					<strong class="title">Email</strong>
				</div>
				<div class="travel-info">
					<span class="value">
						xqluzxwise@gmail.com
					</span>
				</div>
	  	 	</li>

		<?php

}

add_action( 'wp_travel_single_itinerary_after_trip_meta_list', 'wp_travel_custom_single_after_trip_info_metas' );

Here change the phone number and email as per your requirement.

This no and email will show up in all the trip.

But in case if you require diffrent phn and email for individual trips then you can always considere hiring the professonal developer.

To hire a developer please refer to below given link:

http://wptravel.io/hire-wordpress-customizer/

Hope this helps.

If you have any issues further please let us know.

Thank you.

Best Regards!!

[kenbong]

Dear Support Team,

Thank you for your reply! However I’m still facing some issues as below

1. Your PHP code changes were rolled back due to an error on line 49 of file wp-content/themes/courtyard-child/functions.php. Please fix and try saving again.
syntax error, unexpected ‘.’, expecting end of file

2. Implemented the code successfully but there wasn’t any number or email showing up below the ‘Location’ box in the trip page

I look forward to your update

Thanks!
Ken

[kenbong]

Update!

#1 solved – I pasted the code into CSS instead of functions.php 🙂

Looking forward to solution to #2

URL : http://www.marinediscoveryholidays.com/itinerary/trip-ke-eropah/

Thanks!
Ken

[Support Team]

Hello @kenbong,

We have provided the code only after making necessary testing on our side and when we tested the code it is working absolutely fine as you can see in the screenshots below:

Screenshots:

1. http://prntscr.com/kf9du9
2. http://prntscr.com/kf9ept

So please make sure you have added the proper code that we have provided in your child theme functions.php file.

If this is not working then provide the detail on where do you place the code and the code itself.

Also, as mentioned if you want to show different number and mail on different trips then you need to hire a developer for this.

Thank you.

Regards!!

[kenbong]

Dear Support Team,

I think I have figured out what the culprit is:

Previously you guys have helped provide me with this 2 codes to add into additional CSS so that the trip page only shows the Location and not other information, can you please advise what do I need to modify from these codes please?

.wp-travel-trip-meta-info ul li:not(.no-border) {
display: none;
}

and also

.wp-travel-feature-slide-content.featured-detail-section .trip-short-desc, .wp-travel-feature-slide-content.featured-detail-section .wp-travel-trip-code {
display: none;
}

I look forward to your advise

Thanks!
Ken

[Support Team]

Hello @kenbong,

The CSS does not have any effect on the code we have provided.

Please provide the screenshot of the place that you have added the code we have provided for further inspection.

Thank you.

Regards!!

[IraKarydi]

Hello ,

can you tell me how to remmove the question mark for enquiry button? https://prnt.sc/mf4zmt

Thank you

[WP Travel]

Hello @kenbong,

To remove the question mark for the enquiry button add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

span.dashicons.dashicons-editor-help {
    display: none;
}

Hope this helps.

Regards!!

[IraKarydi]

Its okkk, thanks 🙂

[Support Team]

Hello @kenbong,

Glad to help you.

If you have any issues further then please let us know.

Thank you.

Regards!!

[Author]

Posts