Okay
  Public Ticket #3437915
Hower link cross out
Closed

Comments

  •  1
    Zoltan started the conversation

    Hi there

    1. How can I change the type of the out cross on mouse hover here: https://v2.nuthurstgrange.com/accomodation/

    when the mouse is over goes above: 
    ALL
    EN-SUITE
    DOUBLE
    FAMILY
    FOUR POSTER
    SUPERIOR

    It would be best if with mouse hover it will underline the words not cross it out in the animation. Also here how do I change the color of the animated cross line? 

    2. Second question:
    In this same page: https://v2.nuthurstgrange.com/accomodation/
    on the desktop is there a way to move the Family Bedroom to the middle, under the "Four Poster Bedrooms"? so we won't have all the empty white space on the right side (desktop) 

    Thank you for your help.

  •  1,558
    Laborator replied

    Hi there,

    1. To change the style and the color of the active and hover effect add the CSS below to Custom CSS area:

    .product-filter ul li a:after {
        top: auto !important;
        background: #ff0000 !important;
    }

    The #ff0000 code is the HEX color code for the underline color, to change the color simply replace the code with another color code.

    2. That's possible with the custom Masonry Portfolio type, if you plan to have only these portfolio items then I can set it up for you so you have only these portfolio items, or when you add new portfolios you will need to manually add them to the homepage. Do you want me to set that up?

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Zoltan replied

    Hi there

    Thank you. I managed to change the cross-out style but now when I click the EN-SUITE, DOUBLE, FAMILY, FOUR POSTER, or SUPERIOR tab on this page:  https://v2.nuthurstgrange.com/accomodation/ a lot of duplicated text appears: 

    If you are considering spoiling yourselves then ask for details of our second-floor bedroom which features its own private balcony. If you are visiting with a young family you may enjoy a stay in Nuthurst Grange’s family room.

    Whether you are at Nuthurst Grange for a business conference, a romantic weekend or a family break you will find our hotel rooms provide all you need to make your stay extra special.

    [/vc_column_text][/vc_column][/vc_row]

    How to fix that? 


  •  1
    Zoltan replied

    Reply to this part: 

    2. That's possible with the custom Masonry Portfolio type, if you plan to have only these portfolio items then I can set it up for you so you have only these portfolio items, or when you add new portfolios you will need to manually add them to the homepage. Do you want me to set that up?

    Yes, please. We won't have more types of bedrooms at our hotel, so it would be best for now to move the Family bedrooms square to the middle on desktop. Thank you.

  •  1,558
    Laborator replied

    Hi there,

    I have added the following CSS to Custom CSS of that page:

    / * Center last item of portfolio  - Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        .portfolio-holder .portfolio-item.w4:last-child {
          position: absolute; 
          left: 0; 
          right: 0; 
          margin-left: auto; 
          margin-right: auto; 
        }
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Zoltan replied

    Hi there

    Even on Chrome incognito mode the Family room is still on the left side, not in the middle. https://v2.nuthurstgrange.com/accomodation/

    Are you sure you understand what I meant? 

    Attached files:  Screenshot 2023-08-24 at 12.25.17.png

  •  1,558
    Laborator replied

    Hi there,

    There was a typo in the CSS so that's why it did not work properly, I have fixed it and it is centered now.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group