#napsthemes

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;

howdy naps!um - that on kinda depends on what software you have available... i use mac so i tend to just do a quick screen recording using quicktime (which i think may now be depreciated for windows... idk O_O) then make my gif from that using PS... but really any kind of screen recorder/giffing software would work.