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. General Discussion
  3. Carrousel: Changing colour depending upon project category

Carrousel: Changing colour depending upon project category

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 102 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.
  • M Offline
    M Offline
    marcos
    wrote on Apr 14, 2023, 9:37 PM last edited by
    #1

    I'm designing a website for some Architects (which also design furniture). We have two 'twin' project templates:
    ● Architecture – White BKG / Blue Typography
    ● Furniture – Tan BKG / Brown Typography
    Both with the (carrosuel) numbers pushed into the corner of the viewport

    I would like to make the numbers blue in one / brown on another... Is there a a way to target all the items in a given category?

    Architecture.png Furniture.png BKG

    M 1 Reply Last reply Apr 14, 2023, 9:42 PM
    0
    • M marcos
      Apr 14, 2023, 9:37 PM

      I'm designing a website for some Architects (which also design furniture). We have two 'twin' project templates:
      ● Architecture – White BKG / Blue Typography
      ● Furniture – Tan BKG / Brown Typography
      Both with the (carrosuel) numbers pushed into the corner of the viewport

      I would like to make the numbers blue in one / brown on another... Is there a a way to target all the items in a given category?

      Architecture.png Furniture.png BKG

      M Offline
      M Offline
      marcos
      wrote on Apr 14, 2023, 9:42 PM last edited by
      #2

      @marcos
      I tried this to change the colour of all the Carrousel Numbers (an dit worked)

      .lay-carousel-sink-parent 
      span.numbers._Default_no_spaces {
        color: #543823;
      }
      

      Then I tried this to try this (which is far from ideal) and oddly enough changed the colour of the numbers in the given page... but not to the given HEX code (?)

      .slug-casaparados
        span.numbers._Default_no_spaces {
        color: #011e41;
      }
      
      1 Reply Last reply
      0
      • A Offline
        A Offline
        arminunruh
        Global Moderator
        wrote on Apr 26, 2023, 4:20 PM last edited by
        #3

        hi sorry for the wait!!

        if you look at the body html classes,
        the body has a class of category-*

        i think furniture has: category-1

        so your css would be:

        body.category-1 .lay-carousel-sink-parent span.numbers._Default_no_spaces {
          color: #543823;
        }
        

        and the other is category-6

        body.category-6 .lay-carousel-sink-parent span.numbers._Default_no_spaces {
          color: #011e41;
        }
        

        not sure if i used the correct colors in my css code above

        very beautiful work and website!

        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
        C
        craigfeldspar
        5 minutes ago
        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