Forum > News & Announcements > Simple Layout Changes
Pages: 1
"Simple Layout Changes", 28th Jul 2020, 1:45 PM #1
Kyo
?
User avatar
Hi!

I've updated the layouts generated by the simple layout editor, to be more mobile compatible, and also just a bit nicer in general. It now generates secondary colors based on the background color in some places, e.g. making comment boxes look a lot better than before.

The original plan was to also couple this with an update to the editor itself, to make changes in the simple layout editor have more visual feedback in real time, and that's actually halfway done already as well, but I think I'm gonna shelf that for now, while I rethink some conceptual things (and also just work on more urgent stuff). So look forward to that in the future!

Anyway, if you're using a simple layout, and you haven't converted it to HTML, your layout should now be more mobile compatible, and hopefully also look a bit nicer. Take a look!
_______________________
hello
28th Jul 2020, 1:57 PM #2
User avatar
Thanks!
_______________________
image

30th Jul 2020, 3:47 AM #3
Botanist
User avatar
Do I need to start a new simple layout for it to do the secondary colour thing?
30th Jul 2020, 12:27 PM #4
Kyo
?
User avatar
no, it's automatic. you can check out the comment boxes on your comic to see the effect. before it would have all just been the same color as the background.

Note that if your background color has an opacity, the boxes will inherit that opacity as well, so if your background color is translucent, so will the comment boxes be (and if it's completely transparent, no background on the comment boxes will show up either)
_______________________
hello
"thank you", 1st Aug 2020, 2:04 PM #5
User avatar
Thank you so much! I really like it at first but that problem made me worry and I couldn't change to other display
_______________________
Facebook | Twitter | Instagram | TikTok | Ko-fi

image

Tae is a comic of action, fantasy and comedy
3rd Aug 2020, 8:26 PM #6
not the one who meowed (?)
User avatar
Dang, I chose the wrong time to convert my layout to HTML because CSS is not my forte and my extra pages look terrible in mobile :'D

A cool feature, though! Thanks! Maybe I'll look into a way to snip some of the code from the new default layout
_______________________
image
Daily buttons | Hmm?.
3rd Aug 2020, 9:10 PM #7
Kyo
?
User avatar
If you're having trouble with the images taking up too much space, try this (e: looking at your layout a bit closer, this probably won't be enough alone - more than I could explain quickly on the spot, unfortunately it's not super straightforward to convert a layout to be mobile friendly, although it's also not super difficult once you've done your research):

.box img {
    height:auto !important;
    max-width:100%;
}


Incidentally looking at your site made me realize that the WYSIWYG editor can sometimes apply inline width/height using CSS rather than HTML, so you helped me spot a problem with the new mobile layouts! (if anyone's curious: basically I was missing the !important part in the above code, which could make images look squishy if they had a size specified)
_______________________
hello
6th Aug 2020, 9:55 PM #8
not the one who meowed (?)
User avatar
Oooh, yeah, it'll definitely need some work and study. Thanks, I'll try out that code snippet and see how it goes :D
_______________________
image
Daily buttons | Hmm?.
10th Aug 2020, 1:14 AM #9
User avatar
Hey Kyo, not sure what I'm missing here but since the simple layout change, my banner at the top of my site is left aligned rather than center aligned, despite being picked as center aligned in the simple layout editor. In a weird anomaly, on the Archive page it is in fact center aligned, but none of the others are.

Tips?
_______________________
image
10th Aug 2020, 12:27 PM #10
Kyo
?
User avatar
Yup, this was a bug that was reported to me via PM, and I fixed it yesterday. The reason for the inconsistency accross pages is just that it still had the cache (basically a copy to make things load faster) of the old page saved. I went ahead and cleared your cache, and it should now all be working again
_______________________
hello
10th Aug 2020, 12:35 PM #11
User avatar
Kyo you are amazing, thank you!
_______________________
image
20th Nov 2020, 2:43 AM #12
User avatar
Thanks for putting so much time into this site!
_______________________
Forum > News & Announcements > Simple Layout Changes
Pages: 1