hover updates tab

jinyoungslover  asked:

Hello:) i'm incredibly sorry to bother you omg you must be annoyed with these repetitive questions again, i was wondering about the update tab like is it possible to adjust the image to the other side? B.c when i paste in the code and everything the image is on the top right and when i hover over the photo the box drops down on the opposite side..? like what lol.

no love trust me when i say i always love to help as much as i can :)

okay so heres what apart of the first code that you shouldve copied under <style type=”text/css”>

okay so under this you need to check where it says

margin-left: 0px under #thekey img.

so if that number where it say 0px is anything other than 0 change it to zero.

if this doesnt work i recommend that you fix it in the code before you paste it to make sure its at 0px, if you need any other help, please come and ask! :)

(p.s. i hope you dont mind me posting this, this is just for anyone else who needs it too x)

sunbeamhighlighter  asked:

hey c: , im using the hover update tab, but its not working :c, the picture wont come out fully, and the announcement are all bunched up :c can you please help me !

ok so for the picture, to make it bigger or smaller you’re gonna go here (this is the first code that you paste under:

<style type=“text/css>)

****notice that it say #thekey img {      not #thekey ****

okay so to change the size of the picture that you’re using, you’re going to just change the part that says width: (…)px. To make the image bigger make the number bigger, and vice versa.

for the actual announcement box is a little trickier.

look for this part in the first code as well

then locate where it says:

margin-left: (blah blag blah) px

margin-top: (….) px

okay so to make the position of the box appear more to the right, your going to want to make the px on the margin-left a bigger number, and vice versa. (smaller number = box more to the left)

to make the box appear farther down, make the px on the margin-top a higher number, and vice versa as well. (lower # = box is higher)

also to make breaks or spaces between each line your gonna want to put <p> in the middle of each line, for example:

okay so i really hope this helped, if you have any questions, feel free to ask :)