• Resolved reggiequestions

    (@reggiequestions)


    hi, i see this article which has amazing link hover effects, and i see where, under each one, i could click “demo and code” to get html or css code, but i literally dont know how to do it step by step for free. i’m not a coder at all/ is there a plugin i could use? and just paste different CSS to try each one? thanks for any advice.

    • This topic was modified 1 year, 1 month ago by James Huff. Reason: link moved to proper field

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • its just html css code. adding css code in wordpress is not tricky and does not need any special coding knowledge just go to your appearance section and add custom css there.

    Moderator bcworkz

    (@bcworkz)

    Place the example HTML into a Custom HTML block of the post editor. Place the example CSS into the Additional CSS section of the customizer or style book. If your chosen effect has any JS code things get a little more involved, but I think they are all non-JS examples.

    Getting the example working in your site is one thing. Applying it to regular post content is a little more tricky. Your post content needs to maintain the same HTML structure, which may not translate well when using the WP editor. You may need to do all the editing within the Custom HTML block in order to maintain the HTML structure. it’ll take some experimentation to learn what you can a cannot do in deviating from the example.

    Thread Starter reggiequestions

    (@reggiequestions)

    thanks for your response. from that same website, there is one box that says HTML, a different box that says CSS – see here. https://codepen.io/chancer5/pen/MWbvaeo but you are calling them one thing- “Html Css code.” -so i am confused. should i ignore the HTML and just copy the CSS in the “additional css” part of appearance – customize? i tried just doing css, ignoring html and it looks all messed up on my website (changed font sizes, etc etc. – but i see i can manually change the font name andsize and weight just by altering it in the code)

    edit: i jut tried doing it with just css, changed font size and etc and it looks good! but im wondring why they have html code in that link?

    Moderator bcworkz

    (@bcworkz)

    HTML and CSS normally need to work together, so any demo will need to include both. If the CSS works the way you like on your site without any HTML changes, that’s a happy coincidence!

    Thread Starter reggiequestions

    (@reggiequestions)

    Thank you so much, all of you, for all of your advice! I will try the HTML thing along with the CSS and if i have any more questions i could reopen this, i just wanted to say thank you and not keep this open forever. you were so helpful and i appreciate your help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how would a non coder implement link hover effects step by step?’ is closed to new replies.