[10] Single Column Layout

[lina_trinch]

❖ Mobile friendly! ❖ Stylized control strip ❖ Tag, archive, icon, & comment pages ❖ Links module ❖ Images change from gray to color on hover

code here!
temporary live-preview here!

❖ Imgur has really been hating on me lately so no photo album this time, folks. Anyway- ❖ Go to Select a New Theme and select Tabula Rasa, the Plain version. ❖ Copy and paste the code into the Use embedded CSS field under Custom CSS. ❖ In the code, CTRL+F for HEADER_IMAGE. This is where you put in the url of your chosen header image. ❖ Under Choose Page Setup (at the bottom), select "1 Column (modules at top and bottom; no sidebar)," aka the second one. ❖ Make sure Use layout's stylesheet(s) is checked. In the Custom stylesheet URL field, paste in: https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap ❖ Go to the Presentation tab. Select "text-only" for the following options: • Select whether user interaction links are printed as text or using the available icons • Select whether entry management links are printed as text or using the available icons • Select whether comment management links are printed as text or using the available icons ❖ Go to the Modules tab. Make sure 'Link List' is in the 'Main Module Section.' #000 #ebebeb #fff rgba(0,0,0,0.5)

Comments

[neuralnet]

Hi Lina! It's Chris, using another one of your awesome layouts, over here!

Have a bit of an issue I noticed with this one, though... When you hover over the "Links" link, and the links list box pops up, it doesn't stay up for you to be able to move your mouse to click on any of the links. As soon as you move your mouse away from "Links," the box disappears.

Any thoughts on how to fix?

[lina_trinch]

Oh no! It must be a browser or screen size issue. I thought I worked all that stuff out. x.x

I'm going to fiddle with it but it might take some time for me to get a real fix that'll work universally. In the meantime, you can use the mobile version of the links module on your regular layout. It'll make your links appear beneath the "Links" header.

Go into your code and beneath the /*-- MODULES --*/ portion, you're going to find a section labeled with .module-typelist .module-content and one right beneath it with .module-typelist:hover .module-content. Take all that out and replace it with:

.module-typelist .module-content { padding-bottom: 1px; }

That should make your links appear.

I'm going to look for a fix to the floating issue in the meantime. Thanks for bringing it up!

[neuralnet]

Great, thanks for the quick fix!