kirkroberts

My recollection is that the interface for adding Select options to a Form block used to be a text area where each line would become an option in the dropdown. Now it appears that each option must be entered individually. This becomes quite cumbersome if you want to have a dropdown with 51 options (say, 50 U.S. states plus DC). Currently I am being asked to add a state dropdown to 10 forms so I will have to add 510 options one-by-one. Also of note, when editing the options it is not apparent that they can be dragged/dropped to reorder them (they can). I would love it if I am missing something obvious.

I know this is a year+ after the initial request but in case anyone else lands here like I did... I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that. My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible. Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements. .blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

For those working on a 7.0 template in the Brine family this Custom CSS might get you going: // product index .ProductList-image, // product quick view .ProductItem-gallery-slides-item-image { height: 100% !important; left: 0 !important; object-fit: contain; object-position: center center; top: 0 !important; width: 100% !important; } It should make the image take up as much space as possible within your chosen product index image size, without cropping the image at all. It also works on the Quick View, if you have that enabled. Note that you can adjust the "object-position" to dictate how the not-cropped image aligns in the "box" created by the Styles setting for product index page images.

This isn't the world's best coding, but it works on a 7.0 site (might work on 7.1, haven't tested it). Add this to the page's header injection, or to the site-wide injection (for all pages). It should auto-populate the country field. Note: it will only find the first instance of a country field, not multiple forms per page if it doesn't find a country field it will continuously run in the background... in most cases that is not a big deal, but it isn't good form. So probably best to only add this code to pages that have an Address field on them. Hope that helps someone. <script> function fillCountryField() { var field = document.querySelector('.field.country .field-element'); if (field) { field.value = 'United States'; } else { setTimeout(fillCountryField, 500); } } fillCountryField(); </script>