Sidebar displaying at bottom of page after Booking Calendar plug in.
-
Sidebar at bottom of page after downloading plug-in. Booking Calendar. They say the problem is with the theme or page.
Their support says the problem is not theirs. They advised me to contact your support.
Hello again.
I know that you do not web developer, I just want to describe about this issue in details.
Firstly please note, this issue do not belong to the Booking Calendar. You can check this by deactivating the Booking Calendar and by testing your pages. That issue have to be still there.
Reason of that issue.
Its seems like inside of the “your theme (in some php file)” exist wrong HTML structure.
Or at one of content of your pages (probably its home page) some HTML tag was not closing.
Here is more detail description about this issue.
Inside of the homepage you are having this HTML structure of the page:
<div id=”col-2-left” class=”content”>
<div id=”col-main” style=”width:720px;” role=”main”>
<div id=”main-content”>
<!– #col-main –>
</div>
<div id=”col-left” class=”sidebar” style=”width:220px;”>
…
</div>
<div class=”clear”></div>
</div>
<!– #content –>
<!– begin footer –>
….
<div>Inside of the post (for example here http://travcotravels.com/2014/10/10/palms-to-coconutz/ ) you are having this structure:
<div id=”col-2-left” class=”content”>
<div id=”col-main” style=”width:720px;”>
<div id=”main-content”>
…..
</div>
</div>
<div id=”col-left” class=”sidebar” style=”width:220px;”>
….
</div>
<div class=”clear”></div>
</div>
<!– begin footer –>
<div class=”clear”></div>
<div id=”footer”>One time the “col-left” div is inside of the “col-main” div and in other situation its does not inside of that element.
Please contact with this description to the support of your theme or to your web-developer to fixing that.Possible solution.
I can suggest this fix, but still I recommend to contact to your web-developer or support of your theme, because this issue relative to them.
Please open this file: http://travcotravels.com/wp-content/themes/adventure-journal/style.css
Its inside of the WordPress > Appearance > Editor; then select your actual them in the select box (at top right side) and then select that file at the right column.
then find this code (on line 280):
********************************
/* 2 Column Layout with content on left*/
#col-2-left { padding:10px; }
#col-2-left #col-main { width:705px; float:left; padding-left:15px; overflow:hidden; width:940px !important;}
#col-2-left #main-content { padding:20px; padding-top:0px; padding-bottom:40px; width:670px;float:left;}
#col-3-left .attachment-post-thumbnail { max-width:640px; max-height:183px}
/* #col-2-left #main-content img { max-width:640px; } */
#col-2-left #col-left { width:220px; padding:0px; float:left; margin-left:0px }
#col-2-left #col-right { display:none; }********************************
and replace it to this code:
********************************
/* 2 Column Layout with content on left*/
#col-2-left { padding:10px; width:961px !important;}
#col-2-left #col-main { width:auto !important; float:left; padding-left:15px; overflow:hidden;}
#col-2-left #main-content { padding:20px; padding-top:0px; padding-bottom:40px; width:670px !important;float:left;}
#col-3-left .attachment-post-thumbnail { max-width:640px; max-height:183px}
/* #col-2-left #main-content img { max-width:640px; } */
#col-2-left #col-left { width:220px; padding:0px; float:left; margin-left:0px }
#col-2-left #col-right { display:none; }********************************
Hope its will be helpful for you.
On Mon, Oct 20, 2014 at 2:42 AM, George Mobbs <(email visible only to moderators and staff)> wrote:
Me again.I was too quick to say it was working. Before it was not working on two pages. Home/Blog and 1967 Dodge Motorhome.
Now it is working on those two pages, but not on any of the others. Did I not copy the code in there correctly??
George
On Oct 19, 2014, at 4:39 PM, Booking Calendar <(email visible only to moderators and staff)> wrote:
Hello.
those messages its warnings and not the errors. Its because these properties are supporting in the different browsers and some browser can show such warnings. But these warnings does not belong to the issue with your sidebar.
Its seems like that issue exist in your actual theme. You can deactivate the Booking Calendar and then recheck that page again to check if this issue exist because of Booking Calendar or because of some other reason.
You can try to make this fix to resolve that issue with sidebar.
Please open this file: http://travcotravels.com/wp-content/themes/adventure-journal/style.css
Its inside of the WordPress > Appearance > Editor; then select your actual them in the select box (at top right side) and then select that file at the right column.
then find this code (on line 281):
********************************
/* 2 Column Layout with content on left*/
#col-2-left { padding:10px; }
#col-2-left #col-main { width:705px; float:left; padding-left:15px; overflow:hidden; }
#col-2-left #main-content { padding:20px; padding-top:0px; padding-bottom:40px; }********************************
and replace it to this code:
********************************
/* 2 Column Layout with content on left*/
#col-2-left { padding:10px; }
#col-2-left #col-main { width:705px; float:left; padding-left:15px; overflow:hidden; width:940px !important;}
#col-2-left #main-content { padding:20px; padding-top:0px; padding-bottom:40px; width:670px;float:left;}********************************
Its have to look like at screenshot, after that modifications.
On Sun, Oct 19, 2014 at 11:57 PM, George Mobbs <(email visible only to moderators and staff)> wrote:
On my post page the side bar is now at the bottom of the page. Not on the side. http://travcotravels.comI get the following error log.
Invalid CSS property declaration at: *
3bs.min.css:9Unexpected CSS token: {
10bs.min.css:9Invalid CSS property declaration at: *
4bs.min.css:17Invalid CSS property declaration at: *They all have something to do with the Booking Calendar program. Can you look and check on these errors.
George
On Oct 18, 2014, at 3:31 PM, Booking Calendar <(email visible only to moderators and staff)> wrote:
Hello.
Thank you for the link. Its make a clear about issue.
Your actual theme make CSS conflict with the Booking Calendar skin.
For fixing this issue, please make this small fix.
Please open this file http://travcotravels.com/wp-content/plugins/booking.bs.5.2/css/client.css
(You can open it at the WordPress > Plugins menu by clicking on “Edit” link under the “Booking Calendar”, then at the right side you need to click on the booking.bs.5.2/css/client.css link )
then find this code (on line 105):
********************************
.booking_form input[type=”button”],
.booking_form input[type=”submit”],
.booking_form input[type=”checkbox”] {
width:auto;
vertical-align: middle;
}********************************
and replace it to this code:
********************************
.booking_form input[type=”button”],
.booking_form input[type=”submit”],
.booking_form input[type=”checkbox”] {
width:auto;
vertical-align: middle;
text-indent:0;
}********************************
So then you booking form will look like at screenshot at the attachment.
On Sat, Oct 18, 2014 at 11:21 PM, George Mobbs <(email visible only to moderators and staff)> wrote:
Thanks,I really do not understand exactly what you are saying.
If you go to this site. http://travcotravels.com/coconutz-rv-park/
Do you see anything like “SEND” anywhere near that button. I could see it on your reply e-mail, but I cannot see it on my site.
Thanks,
GeorgeOn Oct 18, 2014, at 3:14 PM, Booking Calendar <(email visible only to moderators and staff)> wrote:
Hello.
1) I am not sure that clearly understood about issue with send button, but probably you are having some JavaScript error at the page.
Firstly, please try to clear the browser cache and then test it again.
If its not help, try to deactivate one by one all other active plugins (at your wordpress admin panel at Plugins page), and then retest the page with booking form, just to check if there some conflict issue or not. Also try to deactivate the actual theme and activate the default wordpress theme and then test.
If its not help, can you send the link to the page, where the submit button do not work ? I will check about the reason of that issue.
2) You can define the default country in selectbox by using instead of this code:
<p>Country (required):
[country] </p>this one:
<p>Country (required):
[country “US”] </p>P.S. Please use the shortcode form fields generator at the right side of the General Booking Settings page for the correct creation form fields shortcodes.
Kind Regards.
On Sat, Oct 18, 2014 at 11:03 PM, George Mobbs <(email visible only to moderators and staff)> wrote:
There seems to be a little code missing for the “send” button.[calendar]
<div class=”payment-form”>
<p>First Name (required):
[text* name] </p>
<p>Last Name (required):
[text* secondname] </p>
<p>Email (required):
[email* email] </p>
<p>Phone:
[text phone] </p>
<p>Address (required):
[text* address] </p>
<p>City (required):
[text* city] </p>
<p>Post code (required):
[text* postcode] </p>
<p>Country (required):
[country] </p>
<p>Adults: [select visitors class:span1 “1” “2” “3” “4”] Children: [select children class:span1 “0” “1” “2” “3”]</p>
<p>Details:
[textarea details] </p>
<p>[checkbox* term_and_condition use_label_element “I Accept terms and conditions”] </p>
<p>[captcha]</p>
<p>[submit class:btn “Send”]</p>
</div>
I know absolutely nothing, but tried a few things that did not workCountry (required):
Adults: Children:
Details:
I Accept terms and conditions
<1426182994.png>
<ajax-loader.gif>
Send button above.
Also, can I somehow change “United Kingdom” to “United States”?
—
Kind regards.
______________________________http://www.wpbookingcalendar.com – WP Booking Calendar
(email visible only to moderators and staff)
—
Kind regards.
______________________________http://www.wpbookingcalendar.com – WP Booking Calendar
(email visible only to moderators and staff)
<test.png>—
Kind regards.
______________________________http://www.wpbookingcalendar.com – WP Booking Calendar
(email visible only to moderators and staff)
<test.png>—
Kind regards.
______________________________http://www.wpbookingcalendar.com – WP Booking Calendar
(email visible only to moderators and staff)
<home.png><blog.png>The blog I need help with is: (visible only to logged in users)
-
We cannot help you. This is the WordPress.COM support forum. You need to post to the WordPress.ORG support forum for help with your site because it is not hosted by WordPress.COM.
WordPress.com and WordPress.org are completely separate and have different logins, features, run different versions of some themes with the same names, and have separate support forums. http://support.wordpress.com/com-vs-org/
If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.
Resetting your WordPress.ORG password http://codex.wordpress.org/Resetting_Your_Password -
Hi there, your site, travcotravels.com, is a self-hosted, WordPress.org install so you will be more likely to find someone who can help in the WordPress.org forums. For future reference here is a list of differences between that and WordPress.com.
-
Thanks for all of the help. And thanks for making it so easy for a novice to understand things. I knew that there were two WordPresses, but I could not have told you which one I was using. I just googled for help, and this site popped promising to make me happy.
I wish you all the luck in the world in your endeavors.
George
-
-
-
- The topic ‘Sidebar displaying at bottom of page after Booking Calendar plug in.’ is closed to new replies.
WordPress.com Forums 