OllieWP / ollie

A finely-crafted WordPress block theme by Mike McAlister

Home Page:https://olliewp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Two CSS fixes

DecimusBurton opened this issue · comments

I've added two bits of css to fix some issues

Issue one - Header – Site Title – the Site Title in the header appears with and underline. We had to add some CSS so that this is not underlined.
/* Remove link underline Site Title - Header */ .wp-block-site-title a, .wp-block-site-title a:focus, .wp-block-site-title a:hover, .wp-block-site-title a:visited { text-decoration: none !important; }

Issue two - 300px wide right aligned images on mobile screens – we use a lot of 300px right aligned images within posts. On my mobile 300px wide images were appearing to float to the right but with 2 characters of wrapped copy down the left hand side of the image. This was fixed with some CSS:
/* Ollie Bug with 300px right aligned images on mobile devices. Use CSS Breakpoint. On screens that are 480px or less do not float right aligned image */ @media screen and (max-width: 480px) { .wp-block-image .alignright { float: none !important; } }

Issue three - Not really a bug but to do with FSE vs classic containers - with comment where there is an image it does not float in the are but exceeds the Comments area. See this comment from: Dr. Edward Harris, MBE JP PHD FSA at bottom of this post
https://www.bajanthings.com/p-o-george-hf-inniss-31st-may-1916-to-5th-february-1941/

Hey Peter,

I've added some fixes to the theme for these, and they'll be available in the next update. Thanks for the notes!