Centre carousel text/remove carousel dot

  • Author
    Posts
  • #134116
    thejuice
    Member

    G’day, I’m moving to Dicot, and I am using the carousel for four featured pages.

    I would like to centre the text under the featured image. I haven’t found an option to do this (may well have missed it) so I’m looking for a CSS snippet to make it so.

    Given I am only using four pages, I would like to remove the dot beneath the carousel used to indicate which carousel page is being viewed. (I’m a bit worried that this might not give enough visual separation form my posts list, necessitating the strengthening of the line below it, but we’ll cross that bridge if we come to it.)

    https://cross.com.au/

    Thanks.

    The blog I need help with is: (visible only to logged in users)

    #134123
    designorbital
    Theme Author

    Hi,

    Please try the following CSS Snippets,

    
    /* Center the Text */
    .featured-content-wrapper .entry-header-featured-content {
      text-align: center;
    }
    
    /* Hide Carousel Controls */
    .featured-content-wrapper .owl-controls .owl-dots .owl-dot span {
      display: none;
    }
    

    If there will be more than four items in the carousel, you will not be able to navigate as the controls are hidden now.

    Thanks

    #134124
    thejuice
    Member
    Original poster

    Exactly what I was after, thanks for that.

    #134380
    thejuice
    Member
    Original poster

    And just a note here if anyone else wants to do this – I had to comment out the /* Hide Carousel Controls */ one, because while it’s great on PC, it breaks it for the phone, as you only see the left two options in the carousel.

  • The topic ‘Centre carousel text/remove carousel dot’ is closed to new replies.