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. custom Change carousel number colours?

custom Change carousel number colours?

Scheduled Pinned Locked Moved Addons
3 Posts 3 Posters 110 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.
  • S Offline
    S Offline
    sarahmorrison
    wrote on last edited by
    #1

    Hello!
    Could anyone help with changing the colour of my carousel numbers ("1/4" etc.) project to project?
    I have my numbers set to white as default which works well on all my projects that have black or dark coloured backgrounds.
    But on my projects with light coloured backgrounds I can't see the numbers?
    Many thanks!

    A 1 Reply Last reply
    0
    • S sarahmorrison

      Hello!
      Could anyone help with changing the colour of my carousel numbers ("1/4" etc.) project to project?
      I have my numbers set to white as default which works well on all my projects that have black or dark coloured backgrounds.
      But on my projects with light coloured backgrounds I can't see the numbers?
      Many thanks!

      A Offline
      A Offline
      alasdair17
      wrote on last edited by
      #2

      @sarahmorrison hey, there might be a cleaner option but this should work:

      Right click on the carousel number on the difficult to read slide, inspect (on Chrome browser), a <p> tag should be highlighted like: <p>1/1</p>, right click this and go to Copy and then Copy Selector.

      Now go into your Custom CSS and paste this code in, add brackets and then the colour value you want in between - it should look something like this:

      #grid > div > div > div > div.row.one-col-row.row-col-amt-1.absolute-positioning-vertically-in-apl.no-y-offsets._100vh.no-row-hoverimage.has-background.row-id-21.row-11.fp-slide.fp-table.active > div > div.row-inner._100vh > div > div > div > p {

      color: red;

      }

      There will be a much cleaner option but this should work for now. Cheers.

      1 Reply Last reply
      0
      • arminunruhA Online
        arminunruhA Online
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        very good

        yea basically read this:

        https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

        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
        arminunruhA
        arminunruh
        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