Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. Addons
  3. Navigation circles over the carousel, to the left

Navigation circles over the carousel, to the left

Scheduled Pinned Locked Moved Addons
6 Posts 2 Posters 665 Views
  • 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.
  • A Offline
    A Offline
    adrienchevalier
    wrote on last edited by adrienchevalier
    #1

    Hi guys!

    Is there a way to have the navigation circle over the carousel, on the left for exemple.

    Also I saw on the forum that we can change the circles color for red. But is that possible to customize active and inactive circle independently and have for exemple an outline white for inactive circle and a plain one for the active one ?

    Thanks in advance.
    Adrien

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @adrienchevalier
      I am sure that this is possible.
      And achievable with CSS.
      You will probably need some time to do that.

      Do you know how to use CSS and the Element-Inspector from Google Chrome?

      I recommend a CSS tutorial from Codeacademy.

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • A Offline
        A Offline
        adrienchevalier
        wrote on last edited by adrienchevalier
        #3

        Hi @mariusjopen,
        Sorry for my very late reply, I've just let my website in standby since then and haven't had the notification of your answer.
        Thank you anyway.

        I'm still looking to know if there is a way to place the navigation circle over the carousel, top left for exemple (and not below the carousel).

        But maybe it's not possible. If anyone has an idea.

        Adrien

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @adrienchevalier
          you can try this in your CUSTOM CC code:

          .lay-carousel-sink-parent {
              position: absolute;
              top: 0px;
              margin-top: -10px;
          }
          

          Let me know!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • A Offline
            A Offline
            adrienchevalier
            wrote on last edited by adrienchevalier
            #5

            Hi @mariusjopen
            Many thanks for this! It was almost this but
            .flickity-page-dots instead of .lay-carousel-sink-parent

            Here is the entire code if some else is interested:

            .flickity-page-dots {
            position: absolute;
            top: 0px;
            margin: 0px;
            text-align: left;
            }

            .flickity-page-dots .dot {
            margin: 5px;
            background: #fff;
            }

            1 Reply Last reply
            0
            • mariusjopenM Offline
              mariusjopenM Offline
              mariusjopen
              Global Moderator
              wrote on last edited by
              #6

              Dear @adrienchevalier
              ah great! Thank you for sharing!!

              Marius

              www.mariusjopen.world

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              šŸ’æ Email me here: šŸ’æ
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              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