hero image

FACILITIES

Home Forums WordPress Themes Hotelia FACILITIES

Forums WordPress Themes Hotelia FACILITIES

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts

  • estherruiz
    Member
    TT Client
    #74442

    Hi Michel,

    Where I can change the color of an item on the main page of my theme that is called “facilities”. It is currently in aquablue color and I want it to be green.
    I want to change this: shape-square aquablue” <figure></figure>
    Many of the colors that I have customized in main background colors (Overwrite default colors) are not working.

    Many thanks in advance

    Esther Ruiz


    Anonymous
    Inactive
    Inactive
    #74457

    Hi Esther,

    You can change the color of the facilities using Custom CSS:

    .facility-item > div {
        background: green;
    }
    

    Best Regards


    estherruiz
    Member
    TT Client
    #74479

    Michel, that code doesn´t work.

    I got it with this other one:

    html body .aquablue,
    html body .hover-aquablue:hover {
    background: #acaa5d;
    }

    Is it correct? or must I use another? (the html green color is #acaa5d)

    Esther


    Anonymous
    Inactive
    Inactive
    #74482

    Please try use this one:

    .facility-item > div {
        background: green !important;
    }
    

    The one you have specified is using too generic selectors and the color may be applied to the other sections also.


    estherruiz
    Member
    TT Client
    #74489

    Now it´s okey.
    But I´ve had to change green for the html color, because it wasn´t the same.

    .facility-item > div {
    background: #acaa5d !important;
    }

    Than you Mike!


    estherruiz
    Member
    TT Client
    #74522

    Good night Michel,
    I have more problems with the facilities element. The text is white and disappears when passing the mouse over, and also do not work the links that link to the url specified in each form. Even if you change the color of the shape, the text also disappears and the links do not work.

    Can you help me please?

    Many thanks in advance


    Anonymous
    Inactive
    Inactive
    #74578

    Hi Esther,

    This effect is implemented in our demo in order to allow you to see the clean image on hover.
    In case that you want to modify this behavior for your site, please use:

    .facility-item > div:hover + span {
        display: block !important;
    }
    

    You have to add images in order to be able to click on the facilities’ links.

    Best Regards


    estherruiz
    Member
    TT Client
    #74609

    Many thanks for the explanation Michel. I´ve got it.
    I have a query: do I have to open a new issue and fill in all the fields of the site every time I have a question, or can I do it in this same site?

    I tried to change the background image of the 404 error page by following some of your prompts in other forums

    .error_404{background-image: url(“https://alisne.es/wp-content/uploads/2016/12/Alisne-mantenimiento.jpg”); }

    and I have not succeeded.
    I have put this line of code in my css and it does not work for me.
    How can I change it?
    In Hotelia framework there is an option to change it too, but I don´t understand how to do it.

    Many thanks in advance again

    Esther


    estherruiz
    Member
    TT Client
    #74610

    I have another problem in my products page: https://alisne.es/apartamentos/

    The elements are shown by jumping. Each row has 3 columns, and I only have 8 products, instead of appearing in 3 rows: 3 + 3 + 2, appear 3 + 1 + 3 + 1.
    How can I correct those jumps?


    Anonymous
    Inactive
    Inactive
    #74627

    Hi Esther,

    The method you have tried in order to change the background image from the 404 page doesn’t work because of 2 reasons:

    1) The Field where you’ve tried to add the CSS rule doesn’t allow CSS code, it can be used just to change the notice text from the 4040 page
    https://drive.google.com/a/red-sky.pl/file/d/0B11RflJnvBkjXzlBcFpvMDVyb0U/view?usp=drivesdk

    2) There is no such CSS class: .error_404, please add the following rule to Dashboard -> Hotelia -> Developer -> Custom CSS

    .error-box {background-image: url(“https://alisne.es/wp-content/uploads/2016/12/Alisne-mantenimiento.jpg”); }

    3) Your products have different height. Please use the following Custom CSS in order to artificially increase the product’s height:

    .rooms-items > li.has-post-thumbnail {
        min-height: 720px;
    }
    

    Best Regards


    estherruiz
    Member
    TT Client
    #74640

    Hi Michel!

    I followed your prompts to change the background image of the 404 error page and I put the code in the developer box, but the image does not appear, instead you see a gray background. Can it be due to the size of the image? What size should I have?

    Another question,
    I want to change the colors of the buttons of the products and also of the texts of my account that appear in the top menu. I have modified them in the screen css file, but they do not apply. Where do I have to change them? I want these colors: #acaa5d #703c10

    Best regards, and many many thanks Michel for help me.

    Esther


    Anonymous
    Inactive
    Inactive
    #75326

    Please use the Custom CSS from below in order to style them:

    .error-box {
        background: url(https://alisne.es/wp-content/uploads/2017/05/error-404.jpg);
        background-size: cover !important;
    }
    
    .account-menu > li a,
    .add_to_cart_button {
        color: #acaa5d;
    }
    
    
    .add_to_cart_button:hover {
        background: #703c10;
    }
    

    estherruiz
    Member
    TT Client
    #75329

    The cart menu has changed, but not the color of the cart icon. But the buttons to add to the cart do not work.
    Michel, I want to remove all the blues and oranges from my page.
    I want both blue and orange to be green (#acaa5d) all over the web. Is there no way to mark this rule for the whole web?

    Esther


    Anonymous
    Inactive
    Inactive
    #75393

    Esther,
    I am sorry, but the cart icon looks orange, not blue. Have you meant the icon from the header area:
    https://drive.google.com/a/red-sky.pl/file/d/0B11RflJnvBkjUzl2Z0E0QWJROG8/view?usp=drivesdk


    estherruiz
    Member
    TT Client
    #75403

    Yes Michel, the car icon is orange, and I want it to be green. Like the rest of the items in the cart menu: “My account” “Exit” “Spanish” “English” (all these items have changed with the code you sent me, but the color of the cart icon has not changed .

    .account-menu> li a,
    .add_to_cart_button {
    Color: # acaa5d;

    And please remember that I would like to change all the orange and blue colors of the page for my green (# acaa5d)

    Thanks again!

Viewing 15 posts - 1 through 15 (of 19 total)

FACILITIES

Home Forums WordPress Themes Hotelia FACILITIES

[i]
[i]
[i]
[i]