Hey G! SO I love your new theme CAKE and I was wondering if you could do a a little tutorial on how you designed the REBLOG/VIA/SOURCE section I really like the little lines in it and in general want to figure out how to out them in other parts of themes (asks or pop ups. haven't really decided but I just love them!) - NAPS
hi there naps,
i think the thing you’re asking about is the ‘horizontal fading border’ to either side of the date and the reblog sections?
i’d suggest you take a look at something called ‘pseudo-elements’ - just to understand the code that you’ll be adding! these are css additions that allow you to place extra styling in your css without adding extra content to the html. they can also make things like positioning really easy instead of fiddling around with margins etc.
here are examples of what pseudo-elements can do
you can use the following – ::first-line::first-letter::first-child::last-child::before::after::selection
which means that you can add in extra styling on any of those pseudo-elements… for example if you’d like your first-letter to appear another colour, or the first line of your paragraph as a different style etc.
tutorials that will help;
w3schools
hongkiat
codrops
tutorialrepublic
chris coyier ( a codepen with the ‘heading line’ example i used as a basis for the date and reblog sections in my CAKE theme using ::before and ::after pseudo-elements )
for example - lines either side of a header from the chris coyier codepen;
hope this helps! :3









