[5] Comm Layout

[lina_trinch]

❖ Mobile friendly! ❖ Stylized control strip, sticky entry, & pop-ups ❖ Tag, archive, icon, & comment pages ❖ Navigation, links, tags & page summary modules ❖ Header image ❖ Links change background on hover

code here!
temporary live-preview here!
imgur album preview here!

❖ There are a lot of bells and whistles with this layout. Customized pop-ups, customized icon browser, stylized sticky entry, all sorts of different pages, and a handy-dandy sidebar. I recommend viewing the imgur album to get a full scope on this layout's features. ❖ 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. ❖ Replace this header image's url with whatever image you'd like to replace it with: https://i.imgur.com/FDHbfxT.jpg ❖ 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=Abel&family=Megrim&family=Open+Sans+Condensed:wght@300&display=swap ❖ Go to the Modules tab. Make sure 'Navigation' is checked and in the 'Main Module Section.' Make sure everything else is in the 'Secondary Module Section.' ❖ OPTIONAL STYLE SUGGESTION. 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 #fff #f7f7f7 #b3b3b3 #6e6e6e #000 rgba(255,255,255,0.1) rgba(255,255,255,0.5) rgba(255,255,255,0.6) rgba(255,255,255,0.8)

Comments

[skargasm]

Hi - I don't know if you're still around and if you are, if you are still providing any assistance with your layouts. I fell in love with this layout and have it almost perfect except for one thing. The Modules. I have my link list showing, but no custom text or profile details are showing on my layout. I've moved everything apart from navigation to the Second Module section but for some reason, although the links list shows, nothing else does. If you could help, that would be awesome but I completely understand if you've moved on.

Thanks for the layouts - they are gorgeous!

[lina_trinch]

Hi! Yep, I'm still around. I mostly just make codes for my Patreon these days, but I still help out where I can. Like for this!

Those modules aren't appearing because this code intentionally hides them. However, I can tweak the code a little to make them visible and have the same style as the rest of the layout. I'll get back to you when I've got that together.

In the meantime, I looked at your journal and love what you've done with the code. I'm not sure if this advice is helpful, but you can make the background stay in place by using background: center/cover url(https://i.imgur.com/nXQxm3W.png), #b3b3b3; in the body.

Anyway, I'll be back in a minute with those style options!

[lina_trinch]

So, it went faster than I thought. I'm back already. c:

First thing is to CTRL+F for /*-- MODULES --*/. That first block is where our things are hidden. Please remove .module-userprofile and .module-customtext from that list.

Next, just add this anywhere in the code. Right below that block I just mentioned is a good spot but anywhere works.

.module-userprofile { text-align: center; } .module-userprofile img { border-radius: 50%; border: 10px solid #000; outline: 1px solid rgba(255,255,255,0.8); } .module-userprofile ul { margin: 0 0 0 15px; } .module-userprofile a { display: block; text-align: center; } .module-customtext { text-align: justify; font-size: 14px; cursor: default; } .module-customtext .module-content { padding: 0 4px; }

Make sure those two modules are set into the Secondary Module Section and you should be good to go! They should come out looking like this and this.

Please let me know if you have any problems putting this in or any other customization issues in the future. Thanks for using one of my layouts! ♥

[skargasm]

You are an absolute angel - thank you SO much!!!!!

[skargasm]

It looks absolutely perfect - thank you again! Now I just need to repeat what you said on my writing journal!

[lina_trinch]

Awesome! I'm glad I could help!