#tutorials: mine

[visvivathms]

In this tutorial, I break down how to use a CSS root element to customize a webpage to your liking without ANY coding knowledge. Looking for how to create and utilize the root function as a developer? Stay tuned for my next tutorial on how to do just that.

[sentimentalthemes]

hi there, just asking how to do hover tags? I love your theme btw

right well its actually surprisingly simple, as long as you have a div style set up for both posts and tags, which custom themes should provide anyway

firstly find the div style which dictates your tags (in my case, it's #info) and add a line saying opacity:0; (or if there is already an opacity command, just change the number to 0)

next copy and paste this code underneath:

#post:hover #info {opacity:1;-moz-transition:all 0.8s;-ms-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;  }

make sure you replace #post with and #info with whatever your post and tag div styles are called, as this will prob vary from theme to theme

here is how it should look when you're done

+ just a brief explanation of how this works (skip if you like) - by changing the opacity of the tags to 0 you make sure that they can’t be seen beforehand, and the second part says that when you hover over the post the attributes of the info style will be changed, in this case the opacity will become 1 (ie visible). the bit below just adjusts the speed of the transition, with four variations depending on the browser.

this can be applied to practically anything, if you want things to be changed on hover. hope this helps! :)