[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

[zoomieyo]

Hi there! I stumbled on your layouts and fell in love with this one because it was exactly what I was looking for. I’m currently having a problem that my titles are too long so on mobile the date messes up the way the entry looks. Any advice? (other than to stop being so wordy haha!)

[lina_trinch]

Hello! Thank you for using my layout and I'm really glad you like it. Thankfully, I've learned a lot more about css since I've made this, so I can absolutely help. C:

Ctrl+F in your code for .entry .header and replace that block with this:

.entry .header { display: flex; justify-content: space-between; border-bottom: 1px solid #ebebeb; padding: 5px 10px; } .header .inner { width: 100%; }

This way, when your entry titles are particularly long, the date/time will move a line below it without wrecking the page layout. Like so!

I hope that helps!