Adjusting them settings

[Mick Courcier]

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

[Sonl Sinha]

Hi,

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

Regards,
Chris

[Mick Courcier]

Hi Chris

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

Best regards
Mick

[Sonl Sinha]

Hi,

Your website URL is not working.

Regards,
Chris

[Mick Courcier]

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

[Sonl Sinha]

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

[Mick Courcier]

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

[Sonl Sinha]

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

[Mick Courcier]

Hi Chris

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

Best regards
Mick

[Sonl Sinha]

🙂

[Maik]

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

[Sonl Sinha]

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

[Author]

Posts