- This topic has 5 replies, 2 voices, and was last updated 9 years ago by Leslie Bigos.
-
AuthorPosts
-
March 26, 2015 at 6:50 am #54371Leslie BigosParticipant
I have a form that contains a table on my website that is acting Responsive but I would like to make it a fixed with since it looks funny spread out.
The page is here: http://mistermallow.netfirms.com/bellevueschoolofmusic/sheet-music-2/
I’m converting this site from an html site and the table looks good on the html site: http://bellevueschoolofmusic.com/music.html
I have tried putting a width on the Table and on the Row but it is not following that.
Thanks for your advice.
March 26, 2015 at 5:24 pm #54395SakinKeymaster@bigoslesli: they should have embed form then it would have fit exact. But we can make it little same only for that try adding in the following css in “Appearance => Theme Options => Custom CSS” box:
.page-id-156 .entry-content form { border: 1px solid #1b5f7d; display: inline-block; } .page-id-156 .entry-content table { border-bottom: none; margin: 0; text-align: left; width: auto; } .page-id-156 .entry-content td { border-top: none; padding: 0; } .page-id-156 .entry-content input[type="text"] { margin: 0 5px 0 15px; padding: 0; vertical-align: middle; width: 180px; } .page-id-156 .entry-content input { border: none; margin: 0; padding: 0; vertical-align: middle; }
March 26, 2015 at 11:45 pm #54423Leslie BigosParticipantThank you. That is working beautifully now.
March 27, 2015 at 2:57 am #54433Leslie BigosParticipantWhat if I have a smiliar form on 10 pages. I tried coding .page-id-156 .page-id-160 .page-id-165 but it won’t let me do a group of page numbers. Any advice.
And, by the way, I have contacted the company that is providing us with the form.
March 27, 2015 at 7:35 am #54446SakinKeymaster@bigoslesli: it will be like this:
.page-id-156 .entry-content form, .page-id-160 .entry-content form, .page-id-165 .entry-content form { border: 1px solid #1b5f7d; display: inline-block; } .page-id-156 .entry-content table, .page-id-160 .entry-content table, .page-id-165 .entry-content table { border-bottom: none; margin: 0; text-align: left; width: auto; } .page-id-156 .entry-content td, .page-id-160 .entry-content td, .page-id-165 .entry-content td { border-top: none; padding: 0; } .page-id-156 .entry-content input[type="text"], .page-id-160 .entry-content input[type="text"], .page-id-165 .entry-content input[type="text"] { margin: 0 5px 0 15px; padding: 0; vertical-align: middle; width: 180px; } .page-id-156 .entry-content input, .page-id-160 .entry-content input, .page-id-165 .entry-content input { border: none; margin: 0; padding: 0; vertical-align: middle; }
March 28, 2015 at 2:19 am #54507Leslie BigosParticipantAwesome! So grateful for the support!!
-
AuthorPosts
- The topic ‘Table — want to make it fixed width’ is closed to new replies.