|
kgltkn
|
June 20, 2017 at 3:30 am
Hello,
is it possible to change the appearance of the form from this :
to:
I guess it will be possible with CSS… but i am new to this.
Any way somebody could show me what and where to enter the Code?
Thank you so much.
|
|
Josh
|
June 20, 2017 at 7:45 am
Hi there and welcome aboard.
This is some CSS you can add to the Appearance > Customize > Additional CSS panel:
@media only screen and (min-width: 960px) {
.tkt-slctr-tbl {
width: 80%;
float: left;
}
.ticket-selector-submit-btn-wrap {
float: right;
}
.ticket-selector-submit-btn {
position: relative;
top: 2.3em;
}
}
Please note that the dimensions I set were based on what looks nice on my site, and since I don’t have a link to your site I don’t know exactly how the change will look. You can tweak the dimension rules to suit your site. Also please note that the style rules are wrapped in a media query, and in this case the media query will allow the changes on screens wider than 960px. You may also prefer to change that value too.
Here’s a great resource I can recommend for learning how to figure this stuff out:
http://css-tricks.com/video-screencasts/15-introduction-to-firebug/
|
|
kgltkn
|
June 20, 2017 at 10:52 am
Hi Josh,
thank you so much… I will try the CSS as soon as i arrive home.
THIS is the Site with the Form.
Thank you for your fast response.
|
|
Josh
|
June 20, 2017 at 11:04 am
That may be a real challenge to get that button to fit next to the table because there’s not a lot of room there for it within that layout.
|
