CSS Help | ww.wp.xz.cn

Resolved prakashacharya
(@prakashacharya)

8 years, 8 months ago

Hi, This is a great plugin. Can you please help me with a CSS which will align the form horizontally in 3 columns. I have a plugin that I am using but would like to use this instead. In above page, there is a plugin with heading “Make a Booking”. I would like to replace that plugin with this but would like to keep the formatting something similar.
Thank you!

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter prakashacharya
(@prakashacharya)

8 years, 8 months ago

i kindda did some.. but still awaiting your professional CSS.
NateWr
(@natewr)

8 years, 8 months ago
Hi @prakashacharya,

The following should put the fields into three columns:
```
.rtb-booking-form fieldset > div {
    float: left;
    width: 33%;
}
```
Thread Starter prakashacharya
(@prakashacharya)

8 years, 8 months ago

That fixed the issue in big screens. Is there seperate css to make it responsive?
NateWr
(@natewr)

8 years, 8 months ago
Hi @prakashacharya,

You can wrap the CSS code in a media query to only target viewports with a minimum width:
```
@media (min-width: 992px) {
  .rtb-booking-form fieldset > div {
    float: left;
    width: 33%;
  }
}
```
Thread Starter prakashacharya
(@prakashacharya)

8 years, 8 months ago

Thank you so much 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Help’ is closed to new replies.

Tags

5 replies
2 participants
Last reply from: prakashacharya
Last activity: 8 years, 8 months ago
Status: resolved