Adjusting them settings

Home Forums Hotel Pro Adjusting them settings

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #77339
    Mick Courcier
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: June 28, 2017

    Hi
    I love the Hotel theme but want to change some of the CSS settings. I am NOT a coder, but do have some knowledge. I would ideally like to increase the padding around certain elements and also be able to move the position of the book now button, but there appear to e no control settings available to change from the default. It would be very helpful to know what can be done please.
    Best regards
    Mick

    #77355
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Chris

    #77365
    Mick Courcier
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: June 28, 2017

    Hi Chris

    Thank you for your offer of help. The URL is bedandbreakfastskipton.uk

    Best regards
    Mick

    #77394
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    Your website URL is not working.

    Regards,
    Chris

    #77425
    Mick Courcier
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: June 28, 2017

    Hi Chris

    I can’t understand why you’re having a problem with the URL as it’s live on the server and I connect every time without issue. Did you copy and paste? I just did from the thread above and went straight to it.

    Best regards
    Mick

    #77553
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    I am not sure what you mean by this. Can you may be draw or point out in an image?

    You can upload image in imgur.com and share the link here.

    Regards,
    Chris

    #77598
    Mick Courcier
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: June 28, 2017

    Hi Chris

    What I am hoping to do is increase the spacing between and sizes of, some of the elements. For example on the home page there is a grey rectangular box which is partially transparent with text title and descriptions inside it. I want to make the box full screen width so it will display correctly on a laptop but also scale to fit a mobile or tablet.

    I also want to be able to move the “Book Now” button or add extra space around it.

    I haven’t added any images at the moment apart from a couple of test ones I was messing around with.

    Being able to manipulate some of these things to change their size or move them, will allow me to get the look I want from my new site.

    I hope I have explained clearly enough.

    Best regards
    Mick

    #78778
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .nivo-caption { width:100% !important; left:50% !important; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
    .bookbtn { top:-100px; padding:15px 40px;}
    
    @media screen and (max-width:479px) {
    .nivo-caption { left:50% !important; width:90% !important;}
    .bookbtn { top:0; padding:10px; position:relative;}
    }

    Regards,
    Chris

    #78803
    Mick Courcier
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: June 28, 2017

    Hi Chris

    I copied the code as supplied and it worked just fine thank you!

    Best regards
    Mick

    #78807
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    🙂

    #83450
    Maik
    Participant
    • Topics: 13
    • Replies: 10
    • Total: 23
    Member since: May 30, 2016

    Hi, how can I set the images in the slider to a maximum view of widht 800 x height 300 pixels, can you help me? Greetings from Germany

    #83481
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23430
    • Total: 23430
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .slider-wrapper { min-height: inherit; height: 300px; overflow: hidden; width: 1170px; margin: 0 auto;}

    Regards,
    Chris

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