Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Customized project arrow fixed position

Customized project arrow fixed position

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 456 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H
    H
    hkim83
    wrote on last edited by
    #1

    Hi,

    I am trying to figure out if there is a way to include customized project arrows within the page's footer instead of having it fixed at the position of the screen. I didn't find the option in the customization.
    I tried to use footer, but then it is only possible using text?

    I guess I can manually link each project within the project page, but I have quite a lot of projects to work with, so was wondering if there is a possible trick?

    Thank you!

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @hkim83

      There are ways of creating your own arrows to your choosing that can navigate between previous and next projects.

      This will require basic knowledge of HTML and CSS

      https://www.khanacademy.org/computing/computer-programming/html-css

      https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

      Adding your own "HTML" either in the Footer:

      Screen Shot 2020-08-25 at 2.50.25 PM.png

      Across the whole website if you wish within "Lay Options" "Custom CSS & HTML"

      Screen Shot 2020-08-25 at 2.49.19 PM.png

      I have created a very basic setup - i hope this helps you on your journey :)

      When you create a Link <a> and give it the class "layprevproject" or "laynextproject" it automatically receives the necessary data to take us to the next-prev project.

      Screen Shot 2020-08-25 at 2.54.24 PM.png

      So in "Custom HTML & CSS" I have created two simple links with the correct class names

      Screen Shot 2020-08-25 at 2.53.26 PM.png

      Now what goes within the Link <a> is completely up to you! it could be Text, An image, an arrow etc - ( very basic arrow )

      https://www.w3schools.com/howto/howto_css_arrows.asp

      Screen Shot 2020-08-25 at 2.58.16 PM.png

      And now i can place arrows in my website - page or footer that operate as links to the next and previous projects.

      I hope this answers your question and you have a wonderful day,

      Thank you for using Lay Theme

      Best
      Richard

      1 Reply Last reply
      0

      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

      With your input, this post could be even better 💗

      Register Login
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      Online Users
      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
      laytheme.com
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Recent
      • Tags
      • Popular
      • Users
      • Search