change size of request box

[hypadj33]

Hi Guys can anyone tell me how i can change the width of the box on the request page? at the moment it is rendered in an i frame, i have changed:

.reqform {
   padding: 0;
   margin: auto;
   border: 1px solid #DDD;
   width: 100%;


TO

.reqform {
   padding: 0;
   margin: auto;
   border: 1px solid #DDD;
   width: 50%;

In the radidj.css file but it hasnt done any thing, any way you can see what i mean http://ellandwmc.co.uk/wp/11-2/


Thank you

[Filip83]

Did u try
width: 100px;
or
width: auto;

But I am 90% that you didn't actually made the change you said you did. Look again at the css file. Did you click on update file? Also if that fails you can also overwrite the file via FTP.

[Valdis]

Hi Guys can anyone tell me how i can change the width of the box on the request page? at the moment it is rendered in an i frame, i have changed:

In the radidj.css file but it hasnt done any thing, any way you can see what i mean http://ellandwmc.co.uk/wp/11-2/

Well, apparently, you have not changed anything.


And there is also no element with class name "reqform". If you want to target the request form in CSS, you have to use id of the form element - "requestform".

I'd suggest not using width: 50% or the form will become unusable on small screens. Here is what you should use instead:

Code (CSS) Select Expand


#requestform {
width: 100%;
max-width: 650px;
margin: 0 auto;
}

/* Make labels appear above input elements */
#requestform label {
display: block;
}

/* Make inputs full-width */
#requestform input[type=text],
#requestform textarea {
width: 100%;
}


[hypadj33]

Thank you again Valdis, so i need to replace:

.reqform {
   padding: 0;
   margin: auto;
   border: 1px solid #DDD;
   width: 100%;
}

WITH


#requestform {
   width: 100%;
   max-width: 650px;
   margin: 0 auto;
}

/* Make labels appear above input elements */
#requestform label {
   display: block;
}

/* Make inputs full-width */
#requestform input[type=text],
#requestform textarea {
   width: 100%;
}

[Valdis]

You can replace the parts or add suggested style rules at the end of radiodj.css file. It doesn't matter, because there is no element with class name "reqform" on any of the plugin pages.

Also, you should edit the WordPress page where you've inserted the requests shortcode in text mode (not Visual mode) to remove <code> and paragraph <p> tags around requests shortcode. They are messing with styling and layout.

Here is a screenshot of WordPress page editor to show what I mean: