Css to hide or resize

Is it possible to hide the Details and or Availability buttons that appear under the listings on the Hero page layout. They end up stacking vertically on smaller screen mobile devices and it looks really bad. The book now button is really the only one we need the other 2 can be accessed once they click book now. 

Also can we change the coloring of these buttons? 

Comments

  • Figured it out if anyone is interested it is:

     .cf-btn-available {
    display: none;
    }

    .cf-btn-details {
    display: none;
    }
  • Hi, clueiq

    if u want to show this two button at button click then u have to add specific condition for hide and show the button at book now button. 
    if condition is false then: 
     .cf-btn-available {
    display: none;
    }

    .cf-btn-details {
    display: none;
    }

    else button is show. 
     or for button color change u have to add style for button and add any color u want 
    like:
    style = color: red;

Sign In or Register to comment.