[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

[juneghost]

Thanks but where i put heigh and width? how i make the header size 700x220?

[lina_trinch]

The header width is controlled by the canvas, so changing it will change the width of the whole layout. But you still could!

The width is under #canvas at the top, change the "50vw" value to what you need. The height property is under #header and you'll change the "40vh" value. It may be best to just change the height to a size suitable for your header, though, but that's up to you.

Hope that helps!

[juneghost]

i change it but size is still not 700x220 and header is not high quality

[lina_trinch]

Hi! I'm so sorry for the wait. The holidays were kind of insane on my end.

But in the meantime, I've found the issue! There was some hidden padding, so all we have to do is remove that. Under #header, add in "padding: 0;" and that should resolve your issues.

Sorry again that this took forever! Please let me know if this doesn't work.