Okay
  Public Ticket #517863
Changing the Background
Closed

Comments

  • Abishai started the conversation

    Hello,

    Congratulations on this brand new ticketing system, looks real cool. Great Job !

    I need assistance with the following today please:

    1. I want to change the background of the theme to an image jpeg, there are no options to change the background with an image file, only the color schemes that are preloaded. I want to place wooden texture jpeg images (examples in the attachment) as the background (preferably a different texture image for specific pages.) I want to do this ASAP. Thanks.

    2. When a specific accommodation is selected for booking & the send enquiry button is clicked, the caption on the enquiry form alarmingly shows:

    Use the form below to contact "____" accommodation directly.

    Whoa...I don't want customers to be able to contact the resort/hotel or even the car rental directly, as that would result in automatic loss of business in this part of the wide world unfortunately. Rather, I want it to read along the lines of. "Please use the form below to let us know about your requirements and/or special requests if any during your stay."

    3. I need car rentals to show up for all accommodations and locations when entries are created by default, so I don't have to go to manage locations every time to add it individually, that is a ton of work in itself and can quickly become a bane, plus when I set up the page for a car type, it won't allow me to pick all locations available but rather lets me pick just one location from the drop down list, I cannot afford that. I hope you have a fix for this one, please help me. Thank you.

    4. How does one get those RTL sliding captions like what is on your demo main slider for ex. "Last minute winter escapes." => http://themeenergy.com/themes/html/book-your-travel/hotels.html That is so cool !

    5. Lastly, I don't want blog posts to show up under the "Explore our latest offers" below the homepage slider. That is so out of place and plain weird. How do I remove those entries and stop it from showing under that category? Please advice.

    Thanks much in advance. You have a good one. Keep Rocking :)

  •  2,057
    Theme replied

    Hello,

    thank you very much for your positive feedback!

    Please activate the provided child theme and place the following code in the style.css file:


    body,.main {
    background: url(pathToYourImage.jpg) 0 0 no-repeat;
    }


    2. Copy the includes/parts/inquiry-form.php file to your child theme (obtain the same folder structure) and edit the texts on lines 18-24.

    3. Our upgrade will include multiple locations for car rentals, accommodations and tours... at the moment you can only assign one location to each them. As for car rentals appearing for all accommodations, that is not an existing feature of our theme, therefore it would need to be custom coded.


    4. A different slider is used in the HTML template. However, you can achieve the same effect with the Revolution Slider that is included with the theme.
    There is also a bunch of ready-to-use slider examples available: http://revolution.themepunch.com/examples/
    You can grab one of those or build your own using the documentation provided.


    5. The home page content area is fully widgetized, so if you want to display your own settings, you can go to
    Appearance > Widgets and place any widgets you want into the Home content sidebar to replace the default display with your own layout.
    This is further explained here:
    http://themeenergy.com/themes/documentation/wordpress/book-your-travel/#!/home-page


    Thank you and best regards

    Best regards,

    themeenergy support

  • Abishai replied

    Hello Again,

    You\'re welcome.

    Thanks for the response.

    I tried the fix for the background but after adding the css code, I did not know what to do next frankly. After an hour of fidgeting, I could not figure out how to upload the background image and how to tweak the settings. Instead I ended up changing the color of the navigation menu and hover texts by adding some code and was successful, mind you am completely design/code illiterate ! Finally, I was able to get the background images to load using a plugin. However, there is a small box like section in gray on the top right hand corner, below the main slider, that will not go away, you can see that gray box appear on all the pages. Please help me my friend.

    Another thing that caught my attention was when trying to book a car rental, it does not show a drop down menu for Pick up just as there is for the drop off location on the \"Submit car rental booking tab\" I need this one, as customers will have their choices for pick up points.

    Yet another thing I found is the menu items on the main navigation bar for (ex.) Accommodation, Car Rentals etc, don\'t list anything and show a blank page beneath. Please see check => https://ootygetaways.in/car-rentals/ but the nested menus under that work just fine. Same story when I navigate to https://ootygetaways.in/accommodations/ it shows a blank page, yet the sub menus work fine. What is wrong please? How do I fix these.

    I am yet to progress with the other fixes you have suggested, I guess I should hit the sack and rest now.

    Thanks in advance.

    Best Regards,

    Abishai


  •  2,057
    Theme replied

    Hello Abishai,

    I suggest that you remove the plugin, because it is unnecessary.

    Try with the following code:

    body {
    background: url(https://ootygetaways.in/wp-content/uploads/2015/08/Black-Wood-3.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
    background-attachment:fixed;
    }
    .main {
    background-image:none !important;
    }
    

    The Pick up dropdown menu has not been implemented yet, but it is high on our to-do list and will be available soon.

    As for the pages, please navigate to Pages > Car rentals and take a look at the Page attributes box. Make sure that the \"Car rental list\" is selected as the page template. Save changes. The same goes for other data types.

    And if I may add, I think this would make the titles and the dividers on the home nicer:

    h1, .home-content-sidebar h3 {
    color: #f9f9f9
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    }
    
    .page-template-byt_home .deals,
    .page-template-byt_home .offers,
    .page-template-byt_home .destinations {
        border-bottom: 1px solid rgba(0, 0, 0, 1);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    }
    

    Best regards,

    Best regards,

    themeenergy support

  • Abishai replied

    Hi again,

    Thanks for the reply. I tried adding the code to the child theme editor as follows:

    /*

    Theme Name: BookYourTravel-Child

    Theme URI: http://themeforest.net/item/book-your-travel-online-booking-wordpress-theme/5632266?ref=themeenergy

    Description: Book Your Travel Child Theme

    Author: themeenergy

    Author URI: http://themeforest.net/user/themeenergy

    Template: BookYourTravel

    Version: 1.0.0

    */

    /* =Theme customization starts here

    -------------------------------------------------------------- */

    .main-nav li a {color: white !important;}

    .main-nav li a:hover, .main-nav li a:focus {color: black !important;}

    .main-nav, .main-nav ul {background: #E43D80 !important;}

    body {


    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;

    background-attachment:fixed;

    }

    .main {

    background-image:none !important;

    }

    h1, .home-content-sidebar h3 {

    color: #f9f9f9

    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);

    }

    .page-template-byt_home .deals,

    .page-template-byt_home .offers,

    .page-template-byt_home .destinations {

    border-bottom: 1px solid rgba(0, 0, 0, 1);

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

    }

    The custom background still does not show for some strange reason and the entire page is now in gray. Could you please check if the code placement was correct.

    I was able to fix the locations and car rentals list not showing issue just fine.

    Thank you for your swift support.

    Best Regards,

    Abishai


  •  2,057
    Theme replied

    Hi,

    your code is ok, but it would need to be split into two css files, a style.css (for overriding general styles) and a css/theme-pink.css for overriding color specific changes.

    But lets not do that just now, because we intend to make a few changes in the next update in this area and make style editing easier.

    So for now, open css/theme-pink.css and delete the following line:

    body,
    .main {background-image:url(../images/backgrounds/honey_im_subtle.png);}
    

    and in your child theme css replace this:

    .main {
        background-image: none !important;
    }
    

    with this:

    .main {
        background: none !important;
    }
    

    Sincere apologies for the inconvenience.

    Best regards,

    themeenergy support

  • Abishai replied

    Hi,

    Thank you for the latest response. How do I access \"open css/theme-pink.css\" to delete the following line:

    body, 

    .main {background-image:url(../images/backgrounds/honey_im_subtle.png);}

    I am working on the child theme and I cannot find this particular entry. Do I need to find this in the server database or I am guessing it is done on the parent theme; if so, do I have to activate the parent theme to do this action? when I switched to parent theme, I could not find the code under style.css in the editor page. Please help me with this step. I have downloaded Sublime Text2 just now and getting started with it. Thank you.

    Best Regards,

    Abishai.

  •  2,057
    Theme replied

    Hello,

    the code can be found in css/theme-pink.css file in the parent theme. After you make the change, keep the child theme active.

    Thank you

    Best regards,

    themeenergy support