Search the Community
Showing results for tags 'landcape'.
Found 2 results
Site URL: https://www.boutique14.co.uk/home1 Hi, Bit of a tricky one (for me). On this page: https://www.boutique14.co.uk/home1 I have three markdown boxes underneath images. On desktop they look fine (see attached image). They are the ones with a pink background saying "Personal Service"; "Custom Samples"; "Matching Stationery". However, on a screen size where the text goes over onto two lines the markdown box obviously changes shape to accommodate. This can be on any device, but a good example is on mobile in landscape (see second attached image). This throws out the visuals on this section of the page and looks messy. Is there some way I can CSS it so that if one box goes over onto two lines then they all do? Thanks.
Site URL: https://fox-magnolia-xkg2.squarespace.com/ This site has some products images that are widescreen (very landscape) and also images that are very portrait (very narrow and tall). I am managing to keep this issue in check using square thumbnails for the product listings but for individual products on mobile particularly some of the images are cropping really badly whereas they need to be shown in full. Good examples of this extreme are: https://fox-magnolia-xkg2.squarespace.com/garden-birds/hungry%20brood (landsape) and https://fox-magnolia-xkg2.squarespace.com/garden-birds/spring%20willow (portrait). I have tried all the aspect ratio settings for the images but none of them solves the problems in all cases. What's the best way of solving this problem? Thanks.