{"id":20082,"date":"2012-06-01T22:15:25","date_gmt":"2012-06-02T05:15:25","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/community-add-html-buttons-alignment\/"},"modified":"2015-07-07T06:21:39","modified_gmt":"2015-07-07T13:21:39","slug":"community-add-html-buttons-alignment","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/","title":{"rendered":"Community Add HTML Buttons Alignment"},"content":{"rendered":"<p>The editor for the community\/add form uses settings from wp-includes\/css\/editor-buttons.css. I&#8217;m not sure how to correct the styling of this page without having to make new edits to that file every time there&#8217;s an update to WordPress, which tends to be fairly often. I don&#8217;t think styling should be taken from any place else except the theme, if it can&#8217;t be coded into the plugin&#8217;s own CSS.<\/p>\n<p>This is what I have a problem with and don&#8217;t know how to fix:<\/p>\n<p>The HTML editor in the latest version of Firefox: http:\/\/featherrivercountry.com\/images\/support\/ce-add-button-alignment1ff.jpg<\/p>\n<p>Latest version of Chrome: http:\/\/featherrivercountry.com\/images\/support\/ce-add-button-alignment1cr.jpg<\/p>\n<p>Latest version of Opera: http:\/\/featherrivercountry.com\/images\/support\/ce-add-button-alignment1op.jpg<\/p>\n<p>Latest version of IE: http:\/\/featherrivercountry.com\/images\/support\/ce-add-button-alignment1ie.jpg<\/p>\n<p>As you can see, there seems to be no problems in Chrome and Opera, but Firefox has the last button wrapping the the next row (which also causes the label title to appear to be behind the buttons). I can&#8217;t even get the buttons to show for HTML view in Internet Explorer.<\/p>\n<p>I don&#8217;t usually have Visual view enabled for myself because I feel more comfortable using only HTML. But I just enabled Visual editor and it looks like Firefox has the same problem as IE, in that the buttons now won&#8217;t show at all in HTML view. In fact, you can see from the images that I can&#8217;t even highlight the HTML tab. The focus is on Visual. And when I click the Visual tab, I get this:<\/p>\n<p>http:\/\/featherrivercountry.com\/images\/support\/ce-add-visual-editor1ff.jpg<\/p>\n<p>Now that isn&#8217;t to say that Chrome and Opera are trouble free. This is what the Visual editor looks like in them (this is Chrome, but Opera looks identical):<\/p>\n<p>http:\/\/featherrivercountry.com\/images\/support\/ce-add-visual-editor1cr.jpg<\/p>\n<p>That&#8217;s just plain Ugly. Capital U ugly. Not only is the header part of the editor way too big, the buttons are misaligned and the editor seems to have moved to the right enough to bump into my right sidebar.<\/p>\n<p>I usually try to figure things out for myself. The only things I&#8217;ve done so far is to make all my categories show by changing the selectors in a PHP file (described here: https:\/\/theeventscalendar.com\/support\/forums\/topic\/display-full-category-list\/). I also used CSS to style the My Events and Submit Event buttons and I reduced the size of the title input box so my members won&#8217;t think they should have really long titles (it doesn&#8217;t prevent them from doing so, but it inhibits them). I had to add display:block; to that input too, so the label would be above the input box.<\/p>\n<p>This button problem, though, is beyond what I&#8217;m willing to tackle without asking for guidance first. So, I&#8217;m asking. \ud83d\ude42<\/p>\n<p>Jim<\/p>\n","protected":false},"template":"","class_list":["post-20082","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Community Add HTML Buttons Alignment -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Community Add HTML Buttons Alignment -\" \/>\n<meta property=\"og:description\" content=\"The editor for the community\/add form uses settings from wp-includes\/css\/editor-buttons.css. I&#8217;m not sure how to correct the styling of this page without having to make new edits to that file every time there&#8217;s an update to WordPress, which tends to be fairly often. I don&#8217;t think styling should be taken from any place else except [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-07T13:21:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/\",\"name\":\"Community Add HTML Buttons Alignment -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2012-06-02T05:15:25+00:00\",\"dateModified\":\"2015-07-07T13:21:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Community Events\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/community-events\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Community Add HTML Buttons Alignment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Community Add HTML Buttons Alignment -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/","og_locale":"en_US","og_type":"article","og_title":"Community Add HTML Buttons Alignment -","og_description":"The editor for the community\/add form uses settings from wp-includes\/css\/editor-buttons.css. I&#8217;m not sure how to correct the styling of this page without having to make new edits to that file every time there&#8217;s an update to WordPress, which tends to be fairly often. I don&#8217;t think styling should be taken from any place else except [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/","article_modified_time":"2015-07-07T13:21:39+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/","name":"Community Add HTML Buttons Alignment -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2012-06-02T05:15:25+00:00","dateModified":"2015-07-07T13:21:39+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/community-add-html-buttons-alignment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Community Events","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/community-events\/"},{"@type":"ListItem","position":5,"name":"Community Add HTML Buttons Alignment"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/20082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/20082\/revisions"}],"predecessor-version":[{"id":977124,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/20082\/revisions\/977124"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=20082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}